JQuery.HoverDir库基本使用方法，实现图片滑动动画效果

对于HoverDirJs库的学习，参照别人的案例自己研究了一下基本的使用方法，用起来还是挺傻瓜的（我还是个菜鸟），简单的看了一下源码，有些基础的同学应该还是能看懂的，反正我基本都看懂了，不废话，直接上我今天做的小案例。

开始之前你的html页要引入jquery.hoverdir.js这个js文件，网上可以下载到

案例是一个鼠标滑动图悬停遮罩层的效果，鼠标从那个方向来，遮罩层从那个方向滑入，效果还是挺炫的

HTML代码（ul里面有5个li，由于代码太多，我就复制一部分，如果使用直接写几个li就行）

<ul id="da-thumbs" class="da-thumbs">
                <li>
                    <a href="#">
                        <img src="images/a254b11ecead45bda166afa8aaa9c8bc.jpg" alt="" width="113" he