提示显示脚本无法重置为默认内容
在鼠标悬停事件之后，我能够在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回答
-
富国沪深
试试这个例子。添加每个其他要关注的更改onmouseoutonmouseovervar 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>
随时随地看视频慕课网APP
相关分类
JavaScript