C jQuery鼠標旋轉是一種非常有趣、實用的技術，它可以將鼠標移動時的動作轉化為3D空間中的旋轉操作，從而為網頁增加了更多的互動性和趣味性。下面，我們就來看一看如何實現這種酷炫的鼠標旋轉效果吧！

// 定義一個全局變量，用于保存旋轉角度
var rotateAngle = 0;
$(document).mousemove(function(e){
// 獲取鼠標在屏幕上的位置信息
var mouseX = e.pageX;
var mouseY = e.pageY;
// 計算鼠標在視口中的位置
var viewportX = mouseX - $(window).scrollLeft();
var viewportY = mouseY - $(window).scrollTop();
// 計算鼠標在視口中心的位置
var centerX = $(window).width() / 2;
var centerY = $(window).height() / 2;
// 計算鼠標離中心的距離
var distanceX = viewportX - centerX;
var distanceY = viewportY - centerY;
// 計算旋轉角度
var angleX = distanceY / centerY * 90;
var angleY = -distanceX / centerX * 90;
var angle = "rotateX(" + angleX + "deg) rotateY(" + angleY + "deg)";
// 更新旋轉角度
rotateAngle = angle;
});
// 定時更新場景中的元素位置和角度
setInterval(function(){
$(".element").css({
"transform": rotateAngle
});
}, 30);

上述代碼中，我們首先定義了一個全局變量rotateAngle，用于保存旋轉角度。然后，在鼠標移動事件中，我們獲取鼠標在屏幕上的位置信息，并計算出它在視口中的位置、距離視口中心的距離和旋轉角度。最后，每隔30毫秒我們通過定時器來更新場景中元素的位置和角度，實現了鼠標旋轉的效果。