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

所属分类:UI-悬停

 34899  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>


相关插件-悬停

CSS3圆形图片鼠标经过旋转效果

CSS3圆形图片鼠标经过旋转效果,图片上有简短标题和说明,兼容主流浏览器
  悬停
 32812  424

60种css3鼠标悬停效果

一款使用的效果,数遍悬停会出现相应图片的简介
  悬停
 59403  930

js鼠标滑过方向感效果

js鼠标滑过方向感知三维立方体动画
  悬停
 31189  473

jQuery鼠标悬停图片分享按钮动画

这款jQuery插件可以实现鼠标滑过图片时在图片上方创建任意的元素,包括分享按钮和图片文字描述等。这些按钮和文字可以悬浮在图片的任意位置,同时你也可以自己定义这些图片上方的元素出现时的动画特效。
  悬停
 40275  499

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

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

    不错呢

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