hoverdir鼠标悬浮出现动画阴影层效果

收藏

本文演示了3种不同的鼠标滑动图片出现阴影层DEMO，包括默认、延迟Delay和翻转Inverse动画效果

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

缩略图列表

<ul id="da-thumbs" class="da-thumbs">
    <li>
        <a href="http://www.erdangjiade.com/js/26.html" target='_blank'>
            <img src="images/1.jpg" />
            <div><span>jQuery等比例缩放大图片_大图片自适应页面布局</span></div>
        </a>
    </li>
    <li>
        <a href="http://www.erdangjiade.com/js/36.html" target='_blank'>
            <img src="images/11.jpg" />
            <div><span>基于jQuery的倒计时实现代码</span></div>
        </a>
    </li>
    <li>
        <a href="http://www.erdangjiade.com/js/37.html" target='_blank'>
            <img src="images/12.jpg" />
            <div><span>分享jQuery+PHP+Mysql+Webcam在线拍照并浏览照片</span></div>
        </a>
    </li>
</ul>

引入并调用hoverdir插件

<script type="text/javascript" src="js/jquery.hoverdir.js"></script>

$(' #da-thumbs > li ').each(function() {
    $(this).hoverdir();
});