jquery hover图片遮罩层滑动

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

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

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

学习技巧:

1、图片的排列

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

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

jQuery弹框、弹出层插件method.js

jq弹框 弹框标题、内容、宽高、取消确认按钮、关闭按钮、动效类型均可以参数的形式设置
  弹出层
 52733  398

jQuery弹出层插件(原创)

简约的jQuery弹出层插件
  弹出层
 27164  244

移动端弹出层jquery插件简易

移动端弹出层jquery插件简易
  弹出层
 52361  334

jQuery弹出层插件gallery

这是一个图片弹出层
  弹出层
 39173  348

讨论这个项目(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
    这个效果不错,挺好的 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复