Jquery.hoverDir响应鼠标移动方向的悬停效果插件 HTML代码 <div id="sidebar"><div class="mainNavs"><div class="menubox"><div class="menu_main"><h2>技术<span></span></h2><a href="#">Java</a><a href="#">PHP</a><a href="#"

对于HoverDirJs库的学习，参照别人的案例自己研究了一下基本的使用方法，用起来还是挺傻瓜的（我还是个菜鸟），简单的看了一下源码，有些基础的同学应该还是能看懂的，反正我基本都看懂了，不废话，直接上我今天做的小案例。 开始之前你的html页要引入jquery.hoverdir.js这个js文件，网上可以下载到 案例是一个鼠标滑动图悬停遮罩层的效果，鼠标从那个方向来，遮罩层从那个方向滑入，效果