本文实例讲述了jQuery实现的响应鼠标移动方向插件用法。分享给大家供大家参考，具体如下：
HTML代码如下：
rush:js;">
<Meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<Meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<Meta name="Generator" content="EditPlus®">
<Meta name="Author" content="">
<Meta name="Keywords" content="">
<Meta name="Description" content="">
www.jb51.cc jQuery响应鼠标移动
其中控制响应鼠标方向的JS代码如下：
rush:js;">
/*
*使用说明：
* $(".a").show($(".b"))
* a是展示层，b是遮罩层
* b在a的内部
*/
$(".outer").each(function(i){
$(this).show($(".inner").eq(i));
});
这里使用在线HTML/CSS/JavaScript代码运行工具：运行代码，可得到如下效果：
完整实例代码点击此处本站下载。
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》及《》
希望本文所述对大家jQuery程序设计有所帮助。
