引用了一个轻量级插件parallaxmouse.min.js,作者是Wil Neeley,能通过类似于
<script> // Plugin Test $(window).parallaxmouse({ invert: false, range: 400, elms: [ {el: $('#warpbg'), rate: 0.1}, {el: $('#star1'), rate: 0.2}, {el: $('#star2'), rate: 0.2}, {el: $('#star3'), rate: 0.2}, {el: $('#star4'), rate: 0.2}, {el: $('#star5'), rate: 0.2}, {el: $('#planet'), rate: 0.3}, {el: $('#robot'), rate: 0.4}, {el: $('#astronaut'), rate: 0.48}, {el: $('#asteroid'), rate: 0.7} ] }); </script>
的形式设置。其中invert为反转模式,就是说鼠标移动和元素移动方向相反。range是整体速率。还能单独设置每个元素的速率。