jquery hover图片遮罩层滑动

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

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

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

学习技巧:

1、图片的排列

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

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

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

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

jQuery多功能图片弹窗插件pirobox

点击图片列表中的图片会放大,并可以随意切换
  弹出层
 37405  380

特别实用、调用简单的弹出层

特别实用、调用简单的弹出层。完全可以用样式控制,可以兼容的不同选择相应的效果
  弹出层
 39725  338

响应式模态框

简洁、弹出效果好的响应式模态框,适用移动端
  弹出层
 36604  436

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