jquery hover图片遮罩层滑动

所属分类:UI-弹出层,工具提示

 55354  597  查看评论 (29)
分享到微信朋友圈
X
jquery hover图片遮罩层滑动 ie兼容6

jquery hover图片遮罩层滑动是一款仿腾讯课堂的鼠标悬停经过图片遮罩透明层滑动效果。

学习技巧:

1、图片的排列

2、hover的使用方法:$(this).find(".txt").stop().animate({height:"198px"},400);

相关插件-弹出层,工具提示

jQuery弹出层插件LIGHTBOX

这款lightbox,可应用于图片、swf文件、html文件等等.
  弹出层
 97494  512

一款简单实用的弹窗插件JMask(原创)

JMask是一款遮罩插件,其小巧灵活,在项目开发中方便实用。使用方式也特别简单,只需要引入一个js文件,该插件基于JQuery开发,所以使用之前需要引入JQuery文件。
  弹出层
 39121  361

带动画效果jQuery+CSS3实现的弹出框弹出层效果

带动画效果jQuery+CSS3实现的弹出框弹出层效果
  弹出层
 90297  454

漂亮实用的提示框插件SweetAlert

漂亮实用的提示框插件SweetAlert
  弹出层
 64855  714

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

    stefan-雷吉兴(前端) 0
    2017/12/20 16:27:18
    果酱^-^ 0
    2017/11/8 15:16:20

    这个东西挺好的,有没有jq币呀

    回复
    ?? 0
    2017/10/12 16:48:05

    为什么我的遮罩层是从上往下滚动的

    回复
    ?? 0
    2017/10/11 14:15:12

    效果看上去很好啊 可惜没有币

    回复
    Cathy 0
    2017/3/27 11:27:21

    index03.html:191 Uncaught TypeError: $(...).sliphover is not a function(…)     ???求解

    回复
    hklhkl 0
    2017/1/19 14:14:43
    LIjiaQi ?? 0
    2016/12/14 21:12:48

    为什么我自己做hover的时候是从上往下变的不是从下往上啊

    回复
    足之迹天涯 0
    2016/12/2 10:12:40
    效果好棒呀
        _CHONGE0
        2017/1/3 14:01:01

        是的

    回复
    〃 祝我快乐 0
    2016/11/11 15:11:14
    ie8 透明度不行额,怎么改呢 回复
    宝宝的胖嘟 0
    2016/11/9 21:11:33
    这个效果不错,挺好的 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复