特效描述:html5 悬停图片 视差移动特效。html5图片视差移动
代码结构
1. 引入CSS
2. 引入JS
3. HTML代码
$(window).parallaxmouse({
invert: true,
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}
]
});