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

前端之家收集整理的这篇文章主要介绍了js实现鼠标左右移动,图片也跟着移动效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

<Meta charset="utf-8"> 无<a href="https://www.jb51.cc/tag/biaoti/" target="_blank" class="keywords">标题</a>文档

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程之家!

原文链接:https://www.f2er.com/js/42125.html

猜你在找的JavaScript相关文章