鼠标移入展开(原创)

所属分类:UI-悬停

 26008  362  查看评论 (5)
分享到微信朋友圈
X
鼠标移入展开(原创) ie兼容8

发布时间:2018-11-28 0:40

这个是我在项目中用的效果,给大家拿出来,希望可以帮到大家

文件里有demo.html和ie.html,ie可以兼容到8,或者以下(还没测试以下的,但应该没问题)

demo.html在ie下有问题,需要兼容ie的请用ie.html

重要的事情说三遍!!!

需要兼容ie的请用ie.html

需要兼容ie的请用ie.html

需要兼容ie的请用ie.html

imagew  后面可直接写像素值  如:150    也可以写百分比  $("父元素").width()*0.XX 相当于百分之xx

colc: 每行5个,rowc: 2行,seph: 上下边距,sepw: 左右边距,spanc: 跨度

imageData里面是鼠标移入之后要展开的内容   

注释里面我认为挺详细的,里面的内容可以自己加样式  我没有加

相关插件-悬停

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

nsHover是一款简单实用的鼠标滑过图片遮罩层动画jQuery插件。该插件可以在图片或块级元素上制作鼠标滑过时的遮罩层动画效果,它可以设置遮罩层的前景色和背景色,可以制作圆形图片等,非常实用。
  悬停
 35673  383

基于Jquery的简单实用的图片悬浮效果

简单实用的图片悬浮效果如果要兼容ie8可将背景图作成png.
  悬停
 33321  428

各种鼠标移入效果

各种鼠标移入效果
  悬停
 45718  606

横向跟随图片文字特效

横向跟随图片动画代码(jQuery)
  悬停
 32656  434

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

    maimai 0
    2018/11/28 10:47:13
    手?版的?是?支援是吧!
        -Pu0
        2018/11/28 16:41:16
        什么意思?
        onetwothree0
        2019/3/4 8:32:17
        这几个问号点的,问懵了
    回复
    -- 0
    2018/11/28 9:39:06
    很不错的效果
        -Pu0
        2018/11/28 16:42:41
        谢谢~
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复