本文实例讲述了JS实现的简单鼠标跟随DiV层效果。分享给大家供大家参考,具体如下:
这段代码呈现一串跟随鼠标的Div效果,并有拖影特效,随着鼠标快速的晃动,Div层效果会不断的增加,后面的Div会自动消失,不过还有些Bug,期待与大家完善这个JS特效。
运行效果截图如下:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-simple-mouse-over-div-codes/
具体代码如下:
<!DOCTYPE html PUBLIC "-//W3C
本文实例为大家分享了js鼠标跟随效果展示的具体代码,供大家参考,具体内容如下
1、使用命令创建基本结构ul.cursorPlay#cursorPlay>li*12>a>img+div>span
2、给span标签添加字段
3、设置基本的样式
cursorPlay的宽度 992px,高度600px
cursorPlay li背景为白色,内边距为8px,外边距5px,显示浮动为左浮动
cursorPlay li a,cursorPlay li a img显示为