关于javascript的鼠标经过的问题 onmouseover
<script>functionturnoff(obj){if(document.getElementById(obj).style.display="none"){do...
<script>
function turnoff(obj){if(document.getElementById(obj).style.display="none"){
document.getElementById(obj).style.display="block";}
}else{document.getElementById(obj).style.display="none"}
</script>
<div>
<ul>
<li><a href="./">首 页</a></li>
<li><a href="#" onmouseover="menu.style.display=''">aaa</a>
<div style="display:none">
<ul>
<li><a href="#">bbb</a></li>
<li><a href="#">ccc</a></li>
</ul>
</div>
</li>
</ul>
</div> 怎么让鼠标经过aaa时显示bbb和ccc,用以上代码修改！ 展开
function turnoff(obj){if(document.getElementById(obj).style.display="none"){
document.getElementById(obj).style.display="block";}
}else{document.getElementById(obj).style.display="none"}
</script>
<div>
<ul>
<li><a href="./">首 页</a></li>
<li><a href="#" onmouseover="menu.style.display=''">aaa</a>
<div style="display:none">
<ul>
<li><a href="#">bbb</a></li>
<li><a href="#">ccc</a></li>
</ul>
</div>
</li>
</ul>
</div> 怎么让鼠标经过aaa时显示bbb和ccc,用以上代码修改！ 展开
3个回答
展开全部
原生自带的onmouseover是存在鼠标从子级移到父级上时，也代表over。所以就会出现多次触发onmouseover事件，但原生还提供了另外一种鼠标移入事件。是onmouseenter。使用这个事件，就把onmouseover的问题完美的解决掉了。
下面是代码，仅供参考：
<body>
<div style="width:100px; height:100px; background:#ccc;">
<h2 style="width:50px; height:100px; background:red;"></h2>
</div>
</body>
<script>
var oDiv = document.getElementsByTagName('div')[0];
var oH = document.getElementsByTagName('h2')[0];
oDiv.onmouseenter = function(){
alert(1);
};
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div>
<ul>
<li><a href="./">首 页</a></li>
<li><a href="#" onmouseover="divObj.style.display=''" onmouseout="divObj.style.display='none'">aaa</a>
<div id="divObj" style="display:none">
<ul>
<li><a href="#">bbb</a></li>
<li><a href="#">ccc</a></li>
</ul>
</div>
</li>
</ul>
</div>
<ul>
<li><a href="./">首 页</a></li>
<li><a href="#" onmouseover="divObj.style.display=''" onmouseout="divObj.style.display='none'">aaa</a>
<div id="divObj" style="display:none">
<ul>
<li><a href="#">bbb</a></li>
<li><a href="#">ccc</a></li>
</ul>
</div>
</li>
</ul>
</div>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script>
function $(obj)
{
return typeof(obj) == 'string' ? document.getElementById(obj) : obj;
}function turnoff(obj)
{
if($(obj).style.display == "none")
{
$(obj).style.display="block";
}
else
{
$(obj).style.display="none";
}
}</script>
<div>
<ul>
<li><a href="./">首 页</a></li>
<li onmouseover="turnoff('menu');" onmouseout="turnoff('menu');"><a href="#" >aaa</a>
<div id='menu' style="display:none">
<ul>
<li><a href="#">bbb</a></li>
<li><a href="#">ccc</a></li>
</ul>
</div>
</li>
</ul>
</div>
function $(obj)
{
return typeof(obj) == 'string' ? document.getElementById(obj) : obj;
}function turnoff(obj)
{
if($(obj).style.display == "none")
{
$(obj).style.display="block";
}
else
{
$(obj).style.display="none";
}
}</script>
<div>
<ul>
<li><a href="./">首 页</a></li>
<li onmouseover="turnoff('menu');" onmouseout="turnoff('menu');"><a href="#" >aaa</a>
<div id='menu' style="display:none">
<ul>
<li><a href="#">bbb</a></li>
<li><a href="#">ccc</a></li>
</ul>
</div>
</li>
</ul>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
