引用了一个轻量级插件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是整体速率。还能单独设置每个元素的速率。