常用鼠标经过遮罩层动画效果

所属分类:UI-悬停

 34684  381  查看评论 (11)
分享到微信朋友圈
X
常用鼠标经过遮罩层动画效果 ie兼容6
<li>
    <a href="#">
        <img src="images/img.jpg" alt=""/>
    </a>
    <span class="showDetail">
        <p>1111</p>
        <p>2222</p>
        <p>3333</p>
    </span>
    <div class="menu">
        <div class="buy">购买</div>
        <div class="close">关闭</div>
        <div class="cart">购物车</div>
    </div>
</li>

代码所需格式,后台开发数据遍历简单.

相关插件-悬停

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

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

jQuery图片边框线条动画效果

本案例的主要效果是鼠标悬停在图片上,从其中的两个角分别延伸出两条线 类似两条河流交汇的效果
  悬停
 39930  436

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

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

JQuery 鼠标悬停放射出炫幻效果

JQuery 鼠标悬停放射出炫幻效果 CSS 里面还带字体哦
  悬停
 30391  379

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

    S&G(PS/平面设计/UI设计/精修) 0
    2019/6/12 16:52:54
    d. 0
    2017/8/12 11:59:09

    就这个效果凭啥要两个J币呢

    回复
    燕子坞er_ 0
    2016/10/9 22:10:06
    巴啦啦风车能量 0
    2016/7/18 14:07:33
    预览界面就一种方法 回复
    zyj2007 0
    2016/6/22 22:06:22
    Piglet. 0
    2016/4/23 15:04:35
    ※仁★夜风※ 0
    2015/12/22 13:12:19
    小峰 0
    2015/12/17 16:12:20
    YOUNG 6 0
    2015/12/13 4:12:33
    Low energy children are forbidden to enter. 0
    2015/12/12 10:12:02
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复