使用jQuery 库对鼠标移动事件进行监听，并根据鼠标所在位置对指定图片元素的位置和旋转进行调整，从而实现动态特效效果。

        具体思路:

        定义moveForce 和 rotateForce 分别表示移动和旋转的力度大小。然后通过 $(window).鼠标移动捕获全局的鼠标移动事件，并计算出偏移量和旋转角度等参数，最后使用 .设置或返回样式() 方法将样式应用到指定的图片元素上。

代码如下

			变量 moveForce = 45;
			变量 rotateForce = 30;
			$(window).鼠标移动(定义函数 (e) {
				变量 docX = $(window).元素宽度();
				变量 docY = $(window).元素高度();
				变量 moveX = ((e.pageX - docX / 2) / (docX / 2)) * -moveForce;
				变量 moveY = ((e.pageY - docY / 2) / (docY / 2)) * -moveForce;
				变量 rotateY = (e.pageX / docX) * rotateForce * 2 - rotateForce;
				变量 rotateX = -((e.pageY / docY) * rotateForce * 2 - rotateForce);
				/*在图片框写出css代码,你的图片框类名替换即可*/
				$(".你的图片框类名").设置或返回样式("left", moveX + "px").设置或返回样式("top", moveY + "px").css("transform", "rotateX(" + rotateX + "deg) rotateY(" + rotateY + "deg)");
			});