在鼠标悬停事件之后，我能够在td中显示一个文本块，但是我的目标是重置，即在鼠标悬停/鼠标左移时显示td的原始内容，我使用的代码如下。请帮助我在代码运行时收到未定义的错误。我认为问题是将事件视为元素变量。 <html><head><title></title><script><!--var content=new Array()content[0]='Menus first'content[1]='Menu Second'content[2]='Menu Third'function changetext(whichcontent){document.getElementById("descriptions").innerHTML=whichcontent}function reset(){if (!scriptmenu.contains(event.toElement))descriptions.innerHTML=temphtml;}//--></script></head><body><table width="400" border="1"> <tbody> <tr> <td><div id="scriptmenu" onmouseleave="reset()"> <p><a href="index.html" onMouseover="changetext(content[0])" >Menu First</a><br> <a href="index.html" onMouseover="changetext(content[1])">Menu Second</a><br> <a href="index.html" onMouseover="changetext(content[2])">Menu Third</a><br> </p> </div></td> <td><div id="descriptions" align="left"> <p><b>Welcome</b><br> Enjoy!<br> </div></td> </tr> </tbody></table><script language="JavaScript1.2">if (document.all)var temphtml=descriptions.innerHTML;</script></body></html>
1 回答
富国沪深
TA贡献1790条经验 获得超9个赞
试试这个例子。添加每个其他要关注的更改onmouseoutonmouseover
var defaultData = document.getElementById("descriptions").innerHTML;
function reset(){
if (!scriptmenu.contains(event.toElement))
descriptions.innerHTML=defaultData;
}
<html>
<head>
<title></title>
<script>
<!--
var content=new Array()
content[0]='Menus first'
content[1]='Menu Second'
content[2]='Menu Third'
function changetext(whichcontent){
document.getElementById("descriptions").innerHTML=whichcontent
}
//-->
</script>
</head>
<body>
<table width="400" border="1">
<tbody>
<tr>
<td><div id="scriptmenu" >
<p><a href="index.html" onMouseover="changetext(content[0])" onmouseleave="reset()">Menu First</a><br>
<a href="index.html" onMouseover="changetext(content[1])" onmouseleave="reset()">Menu Second</a><br>
<a href="index.html" onMouseover="changetext(content[2])" onmouseleave="reset()">Menu Third</a><br>
</p>
</div></td>
<td><div id="descriptions" align="left">
<p><b>Welcome</b><br>
Enjoy!<br>
</div></td>
</tr>
</tbody>
</table>
<script language="JavaScript1.2">
var defaultData = document.getElementById("descriptions").innerHTML;
function reset(){
if (!scriptmenu.contains(event.toElement))
descriptions.innerHTML=defaultData;
}
</script>
</body>
</html>
添加回答
举报
0/150
提交
取消