js中的onmouseover事件？

在一个DIV里，已经放入了内容，然后添加js代码，实现鼠标经过显示不同内容的功能。<script>functiontxt(obj,con){varoDiv=documen... 在一个DIV里，已经放入了内容，然后添加js代码，实现鼠标经过显示不同内容的功能。<script>
function txt(obj, con) {
var oDiv = document.getElementById(obj);
if (con == 'show') { oDiv.style.display = 'block';}
if (con == 'hide') { oDiv.style.display = 'none';}
}
</script>
<p><a href="#" onmouseover="txt('aa', 'show');" onmouseout="txt('aa', 'hide');">日志 </a>　/　<a href="#" onmouseover="txt('bb', 'show');" onmouseout="txt('bb', 'hide');">音乐</a></p>
<div style="display:show;" id="aa"> asdfasdf
</div><div style="display:none;" id="bb"> asdfasdf
</div> 刚打开页面的时候，显示id=aa的内容，鼠标移动到音乐的时候，显示id=bb的内容。当鼠标既不再日志，也不再音乐的时候，显示id=aa的内容，请问怎么修改？整了半天，头脑有点乱，如果看不懂，请提出来。非常感谢。展开

 我来答

3个回答

#热议# 空调使用不当可能引发哪些疾病？

匿名用户
2013-07-27

展开全部

注意我黑色部分的代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script>
function txt(nameDiv) { var div1 = document.getElementById("aa");
var div2 = document.getElementById("bb"); var divg = document.getElementById(nameDiv); if (divg.style.display == "none") { divg.style.display = "block";
if (nameDiv == "aa") {
div2.style.display = "none";
}
else {
div1.style.display = "none";
}
}
else {
divg.style.display = "none";
}
//如果两个都隐藏了，强制显示第一个
if(div1.style.display=="none"&& div2.style.display=="none")
{
div1.style.display="block";
}
}
</script>
</head>
<body>
<p>
<a href="#" onmouseover="txt('aa');" onmouseout="txt('aa');">日志
</a>/ <a href="#" onmouseover="txt('bb');" onmouseout="txt('bb');">音乐</a></p>
<div style="display:block;" id="aa">
aa
</div>
<div style="display:none;" id="bb">
bb
</div>
</body>
</html>

已赞过 已踩过<

评论收起

匿名用户
2013-07-27

展开全部

<script>
 function txt(obj1, obj2) {
  var oDiv1 = document.getElementById(obj1);
  var oDiv2 = document.getElementById(obj2);
 oDiv1.style.display = 'block';
 oDiv.2style.display = 'none';
 }
</script>
<p><a href="#" >日志 </a>　/　<a href="#" onmouseover="txt('bb', 'aa');" onmouseout="txt('aa', 'bb');">音乐</a></p> 
<div style="display:show;" id="aa"> asdfasdf
</div><div style="display:none;" id="bb">asdfasdf
</div>


本回答被网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

匿名用户
2013-07-27

展开全部

你说这样行不行？你要当鼠标既不再日志，也不再音乐的时候，显示id=aa的内容。那么你给音乐以及日志都添加一个鼠标移出事件onMouseOut那么就可以对鼠标既不再日志，也不再音乐时进行判断了！

已赞过 已踩过<

评论收起

更多回答（1）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

js中的onmouseover事件？

其他类似问题

为你推荐：