一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

js实现鼠标左右移动,图片也跟着移动效果

时间:2017-03-07 编辑:简简单单 来源:一聚教程网

效果:鼠标往左移,图片对应右移,鼠标往右移,图片就左移动。图片距离越远偏移距离越大。

思路:首先获取图片原先的距离。设置一个变化值,图片的最终距离等于原先的距离加上变化值

布局:大盒子里面是图片,大盒子position:relative;图片position:absolute;

 代码如下 复制代码

无标题文档

 

 

 

 

热门栏目