本文主要是介绍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这篇关于JQuery.HoverDir库基本使用方法，实现图片滑动动画效果的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
