为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

繁花不似锦 2022-09-23 17:00:10

在鼠标悬停事件之后,我能够在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贡献1484条经验 获得超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>


查看完整回答
反对 回复 6天前
  • 1 回答
  • 0 关注
  • 11 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信