猿问

提示显示脚本无法重置为默认内容

在鼠标悬停事件之后,我能够在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>


繁花不似锦
浏览 80回答 1
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">&nbsp; <tbody>&nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; <td><div id="scriptmenu" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <p><a href="index.html" onMouseover="changetext(content[0])" onmouseleave="reset()">Menu First</a><br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a href="index.html" onMouseover="changetext(content[1])" onmouseleave="reset()">Menu Second</a><br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a href="index.html" onMouseover="changetext(content[2])" onmouseleave="reset()">Menu Third</a><br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </p>&nbsp; &nbsp; &nbsp; &nbsp; </div></td>&nbsp; &nbsp; &nbsp; <td><div id="descriptions" align="left">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <p><b>Welcome</b><br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Enjoy!<br>&nbsp; &nbsp; &nbsp; &nbsp; </div></td>&nbsp; &nbsp; </tr>&nbsp; </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
我要回答