如何设置div鼠标浮动效果
1、首先我们在html里定义一个div,id为‘mouse_div’,然后定义该div的样式,主要是定义position,让其绝对定位,代码如图。

3、最后添加代码,在页面加载完后,给页面添加鼠标mousemove事件,在事件函数里,调用moving方法,就实现div鼠标浮动效果

5、效果是实现了,但我们做一些美化,把移动的div做得漂亮一点。先把div里的文字去掉。我们不显示文字,显示一张图片。

7、再次看下页面效果,现在随鼠标移动的是一个漂亮的蝴蝶了:)

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:68
阅读量:69
阅读量:29
阅读量:33
阅读量:48