你的位置:首页 > 软件开发 > Java > 简单实用的鼠标滑过图片遮罩层动画jQuery插件

简单实用的鼠标滑过图片遮罩层动画jQuery插件

发布时间:2015-10-15 09:00:03
nsHover是一款简单实用的鼠标滑过图片遮罩层动画jQuery插件。该插件可以在图片或块级元素上制作鼠标滑过时的遮罩层动画效果,它可以设置遮罩层的前景色和背景色,可以制作圆形图片等,非常实用。在线预览 源码下载 使用方法使用该鼠标滑过插件需要引入jQu ...

简单实用的鼠标滑过图片遮罩层动画jQuery插件

nsHover是一款简单实用的鼠标滑过图片遮罩层动画jQuery插件。该插件可以在图片或块级元素上制作鼠标滑过时的遮罩层动画效果,它可以设置遮罩层的前景色和背景色,可以制作圆形图片等,非常实用。

简单实用的鼠标滑过图片遮罩层动画jQuery插件

在线预览    源码下载

 使用方法

使用该鼠标滑过插件需要引入jQuery和ns.hover.min.js文件。

1
 初始化插件

在页面DOM元素加载完毕之后,只需要需要制作鼠标滑过效果的元素上调用nsHover()方法即可。你可以在父元素上使用该方法,那么它的所有子元素都会被初始化。

1

 配置参数

参数默认值可用值描述
scalingfalsefalse / 0 / 0.0 - 1.0设置0.0 - 1.0的值使元素在鼠标滑过时收缩,或设置为0 / false来禁用缩放效果
speednormalnormal / fast / slow设置鼠标滑过是过渡动画的速度
roundednormalnone(0%) / normal(5%) / circle(50%) / xx% / xx px该参数用于控制元素的圆角,你可以将一个元素设置为正圆形
bganimfadefade / scale / slide遮罩层背景动画的类型
bgcolor'#ffffff' 遮罩层的背景颜色
bgopacity0.50.0-1.0遮罩层背景的透明度
bgpicimgs/lens.png有效的图片路径遮罩层背景图片的位置
bgsize25%0% - 100%遮罩层背景图片的大小
shadowfalsetrue / false是否设置阴影效果
content''任何有效的html内容遮罩层上显示的文字内容

原标题:简单实用的鼠标滑过图片遮罩层动画jQuery插件

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录