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

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

分类：图片代码 > 图片滑动难易：高级

查看演示下载资源下载积分： 20 积分

缩略图列表

<ul id="da-thumbs" class="da-thumbs">
    <li>
        <a href="http://www.sucaihuo.com/js/26.html" target='_blank'>
            <img src="images/1.jpg" />
            <div><span>jQuery等比例缩放大图片_大图片自适应页面布局</span></div>
        </a>
    </li>
    <li>
        <a href="http://www.sucaihuo.com/js/36.html" target='_blank'>
            <img src="images/11.jpg" />
            <div><span>基于jQuery的倒计时实现代码</span></div>
        </a>
    </li>
    <li>
        <a href="http://www.sucaihuo.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();
});