最近我發(fā)現(xiàn)了一個(gè)很酷炫的網(wǎng)站，它是使用jQuery編寫的。在這個(gè)網(wǎng)站上，鼠標(biāo)移動(dòng)到不同的位置，會(huì)有各種奇妙的效果出現(xiàn)。

$(document).mousemove(function(e){
$('.icon').each(function(){
var offset = $(this).offset();
var dx = e.pageX - offset.left;
var dy = e.pageY - offset.top;
var sway = 10;
var x = sway * dx / $(document).width() - sway / 2;
var y = -sway * dy / $(document).height() + sway / 2;
var angle = Math.atan2(dy, dx);
var angle180 = angle * 180 / Math.PI;
$(this).css({
'transform': 'translate('+x+'px,'+y+'px) rotate('+angle180+'deg)',
'-webkit-transform': 'translate('+x+'px,'+y+'px) rotate('+angle180+'deg)',
'-moz-transform': 'translate('+x+'px,'+y+'px) rotate('+angle180+'deg)',
'-o-transform': 'translate('+x+'px,'+y+'px) rotate('+angle180+'deg)',
'-ms-transform': 'translate('+x+'px,'+y+'px) rotate('+angle180+'deg)'
});
});
});

這段代碼通過檢測(cè)鼠標(biāo)在頁面上的移動(dòng)，計(jì)算出每個(gè).icon元素需要移動(dòng)的距離和旋轉(zhuǎn)角度，并使用CSS的transform屬性實(shí)現(xiàn)了動(dòng)態(tài)效果。

除了這個(gè)酷炫的效果，這個(gè)網(wǎng)站還有很多其他的亮點(diǎn)，比如有很多創(chuàng)意的頁面過渡動(dòng)畫和交互設(shè)計(jì)，還有非常豐富的視覺效果。我相信這樣的網(wǎng)站會(huì)給人留下非常深刻的印象，也會(huì)給其他的前端開發(fā)者帶來很多靈感。