jquery 鼠标经过隐藏与显示,在线等待感谢大家
发布网友
发布时间：2022-04-23 19:45
共6个回答
热心网友
时间：2022-04-25 13:46
<script>
function ddd(obj, sType) {
var oDiv = document.getElementById(obj);
if (sType == 'show') { oDiv.style.display = 'block';}
if (sType == 'hide') { oDiv.style.display = 'none';}
}
</script>
<a href="#" onmouseover="ddd('aa', 'show');" onmouseout="ddd('aa', 'hide');">显示</a>
<a href="#" onmouseover="ddd('bb', 'show');" onmouseout="ddd('bb', 'hide');">显示</a>
<div style="display:none;" id="aa" onmouseover="ddd('aa', 'show');" onmouseout="ddd('aa', 'hide');">
<a href="#">bb </a>
<a href="#">bb </a>
<a href="#">bb </a>
<a href="#">bb </a>
<a href="#">bb </a>
</div>
<div style="display:none;" id="bb" onmouseover="ddd('bb', 'show');" onmouseout="ddd('bb', 'hide');">
<a href="#">bb </a>
<a href="#">bb </a>
<a href="#">bb </a>
<a href="#">bb </a>
</div>
</body>
你看看这个是不是你想要的效果，如果是......望采纳........
热心网友
时间：2022-04-25 15:04
自测可以，你试一下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("div[name='aa']").hover(function(){
var id= $(this).attr("id");
$("#"+id+"n").css("display","")
},function(){
var id= $(this).attr("id");
$("#"+id+"n").css("display","none")
});
});
</script>
</head>
<body>
<div id="s1">
<div id="n1">
<div id="m1" name="aa">点m1显示mn1</div>
<div id="m2" name="aa">点m2显示mn2</div>
<div id="m3" name="aa">点m3显示mn3</div>
</div>
<div id="m1n" style="display:none" >
<a>显示mn1</a>
<a>显示mn1</a>
<a>显示mn1</a>
</div>
<div id="m2n" style="display:none">
<a>显示mn2</a>
<a>显示mn2</a>
<a>显示mn2</a>
</div>
<div id="m3n" style="display:none" >
<a>显示mn3</a>
<a>显示mn3</a>
<a>显示mn3</a>
</div>
</div>
</body>
</html>
热心网友
时间：2022-04-25 16:38
显示隐藏用hide() show()
鼠标移入移除用hover(移入的回调,移除的回调)
热心网友
时间：2022-04-25 18:30
用.toggleClass()实现比较简单
热心网友
时间：2022-04-25 20:38
出什么问题了，这样写也是可以啊
热心网友
时间：2022-04-25 23:02
js 代码贴出来看看
