很简单的判断鼠标悬停位置控制图片左右移动
插件特效
插件描述：原生js手写不需依赖jQuery使用简单说明详细
使用方法
引用
1 2 | <link rel="stylesheet" href="css/bgMove.css"><script src="js/bgMove.js"></script> |
CSS
1 2 3 4 | #move { background: url(images/bg1.jpg);}//就是设置背景图片 |
html
1 2 3 4 | <div id="move"> <div id="moveL"></div> <div id="moveR"></div></div> |
初始化
1 2 3 4 5 6 | <script> bgMove({ jump : 15, //移动速度,非必须可省略,默认为10 bgImgurl : "images/bg1.jpg" //背景图片的位置,就是中html图片路径,必须不可省略 })</script> |
注意
moveL,moveR是定位的,z-index为1,如果页面上有需点击的元素,则其z-index>1方可;
背景图片，宽度要大于屏幕宽度才能有效果；
评论