图片跟随鼠标移动案例

文献种类：专题技术总结文献

开发工具与关键技术：          DW前端技术                    

作者：彭学员     ；年级：2004    ；撰写时间：2021   年 5 月  17日

文献编号：                归档时间：   年   月   日

图片跟随鼠标移动案例

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术： DW前端技术

作者：彭学员

撰写时间：2021/5/17

1.下面这是图片与浏览的界面

 

 

2.下面是相应的代码

 

3.no-repeat属性是指不让图片比设计的宽度小而显示多个重叠的图片，代码里面最主要的是一定要设计定位position；要不然是没有效果的；

4.在script标签里可以注意一下event,如果没有，可能关系到浏览器版本的原因导致打开的页面无效或里面的效果无法实现。

 

以上是我写的关于图片跟随鼠标移动的案例，我要分享给你们，希望可以帮助到你们。

新手上道，请多多指教。如果有更好的方法或不懂的地方欢迎在评论区教导和提问！