想知道这个效果，JS是怎么做的？

Question

http://fourdesire.com/
如上的网址，顶部大的图片区域，想知道JS是怎么赋值给那些样式style，以实现跟随鼠标移动，变换位置的。谢谢。

Answer 1

原理是可以知道的，但是这个鼠标位置的与旋转角度之间通过什么函数映射就要琢磨琢磨了。原理是：顶部由多个层构成，每个层有自己的rotate角度，mousemove的时候，根据鼠标离开中心线的位置，推算出每个层的旋转角度，改变之。鼠标移动，mousemove不断触发，离中心的距离也在变化，最终的效果就是动画。关键在于每个层的旋转角度与鼠标离开中心线的距离之间的关系。