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

所属分类:UI-悬停

常用鼠标经过遮罩层动画效果 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 hover鼠标悬停遮罩显示

jquery hover鼠标悬停遮罩显示
  悬停
 6090  36

jQuery鼠标悬停图片分享按钮动画

这款jQuery插件可以实现鼠标滑过图片时在图片上方创建任意的元素,包括分享按钮和图片文字描述等。这些按钮和文字可以悬浮在图片的任意位置,同时你也可以自己定义这些图片上方的元素出现时的动画特效。
  悬停
 14113  168

jQuery鼠标悬停遮罩详细介绍效果

鼠标移动到图片上滑出详细介绍,隐藏简介
  悬停
 7173  119

jQuery图片边框线条动画效果

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

讨论这个项目(10)回答他人问题或分享插件使用方法奖励jQ币

    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
    Low energy children are forbidden to enter. 0
    2015/12/12 10:12:04

    呵呵.......................

    回复
取消回复