c的鼠标滑过图片遮罩层动画jQuery插件

所属分类:UI-悬停

 36144  383  查看评论 (3)
分享到微信朋友圈
X
c的鼠标滑过图片遮罩层动画jQuery插件 ie兼容10

使用该鼠标滑

过插件需要引入jQuery和ns.hover.min.js文件。

<script src="js/jquery.min.js"></script>
<script src="js/ns.hover.min.js"></script>


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

<script>
  $(container_class_or_id).nsHover({
      scaling : false,
      speed: 'normal',
      rounded: 'normal',
      bgcolor: '#ffffff',
      bgopacity : 0.5,            
      bgpic : 'imgs/lens.png',
      bgsize : '50%',
      bganim : 'fade',
      shadow : false,
      content: ''
  });
</script>


相关插件-悬停

9种CSS3 blend模式制作的鼠标滑过图片标题特效

9种CSS3 blend模式制作的鼠标滑过图片标题特效
  悬停
 31981  437

css3.0按钮触控悬停效果集

css3.0按钮触控悬停效果集
  悬停
 40165  466

纯css3鼠标悬停hover按钮动画事件插件

css3 transition属性制作多种按钮悬停动画特效,css3悬停按钮、CSS3过渡效果、CSS3点击按钮过渡效果
  悬停
 44681  676

css3 tranfm鼠标悬停旋转

jquery加css3实现 tranfm鼠标悬停旋转效果
  悬停
 33499  427

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    OK. 0
    2015/11/21 16:11:59
    灬昆太狼灬 0
    2015/11/4 4:11:49

    不错呢

        lxglife0
        2016/8/31 16:08:12
        谢谢
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复