<div class="parent">
<li>a区域</li>
<div class="bb">bbbbb区域</div>
</div><style>
bb{display:none;}
</style><script>
//引入jqueryjs后
$(function(){
$("parent")hover(
function(){
$("bb")show();
},
functin(){
$("bb")hide();
}
);
})
</script>
在这个位置做一个隐藏的div，然后利用jQ去获取鼠标的焦点，聚焦了，用进去的show()方法，显示它。或者是attr()方法，主要是要看你div怎么设置隐藏，然后不同的隐藏，使用不同的方法。
如果JQ，不熟，给你一个网站你看一下就知道了，你这个是很简单的小功能。。。
>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
{margin: 0px;padding: 0px;list-style: none;text-decoration: none}/通配符，个人习惯/
box{width: 100px;height: 100px;}
box_div{width: 100px;height: 100px;background: #FFFF00}
</style>
<script type="text/javascript" src=">
jQuery 不直接支持鼠标滑轮事件，有一个插件叫做 jQuery Mousewheel，你可以 Google 一下
但用原生 JavaScript 也可以轻松来实现
<script type="text/javascript">// 鼠标滑轮滚动后执行的函数
// delta > 0 = 向上滚动
// delta < 0 = 向下滚动
function mousewheelEvent(e, delta) {
documentgetElementById("debug")innerHTML += (delta + "<br />");
// 其它代码
}
if (documentattachEvent) {
documentattachEvent("onmousewheel", function(e) {
mousewheelEvent(e, ewheelDelta);
});
}
else if (documentaddEventListener) {
documentaddEventListener("DOMMouseScroll", function(e) {
mousewheelEvent(e, edetail -40);
}, false);
}
</script><body style="height: 3000px">
<div id="debug" style="position: fixed"></div>
以上就是关于jQuery如何实现鼠标移入移出显示与隐藏二级菜单啊全部的内容，包括:jQuery如何实现鼠标移入移出显示与隐藏二级菜单啊、没有输入密码，就在控件上面d出一个如图所示的小窗口，这个功能怎么实现、jq怎样实现鼠标经过隐藏，离开显示div层等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）