各位帮忙看看


<html>
<head>
<title>DHtml举例8</title>
<style>
body {font-family:"宋体";font-size:9pt}
.first {color:gray;text-decoration:none}
.later {cursor:hand;color:blue;text-decoration:underline}
</style>
<script language="JavaScript">
function change_text(v){
if(v.className=="first"){
v.className="later";
}
else
{
v.className="first";
}
}
function fuconmouseover(v)
{
  change_text(v);
}function fnconmouseout(v)
{
  change_text(v);
}
</script>
</head>
<body>
<br>
<ul>
<li class=first onmouseover="fuconmouseover(this);" onmouseout="fnconmouseout(this);"> 动态Html(DHtml)
<li class=first onmouseover="fuconmouseover(this);" onmouseout="fnconmouseout(this);"> JavaScript
<li class=first onmouseover="fuconmouseover(this);" onmouseout="fnconmouseout(this);"> VBScript
<li class=first onmouseover="fuconmouseover(this);" onmouseout="fnconmouseout(this);"> 动态服务器页面(ASP)
<li class=first onmouseover="fuconmouseover(this);" onmouseout="fnconmouseout(this);"> FrontPage98
<li class=first onmouseover="fuconmouseover(this);" onmouseout="fnconmouseout(this);"> InternetExplorer
<li class=first onmouseover="fuconmouseover(this);" onmouseout="fnconmouseout(this);"> SQL Server
</ul>
</body>
</html>------document.onmouseover=change_text;
document.onmouseout=change_text;这种写法不好

解决方案 »

  1.   


    或者直接这样：<html>
    <head>
    <title>DHtml举例8</title>
    <style>
    body {font-family:"宋体";font-size:9pt}
    .first {color:gray;text-decoration:none}
    .later {cursor:hand;color:blue;text-decoration:underline}
    </style>
    <script language="JavaScript">
    function change_text(v){
    if(v.className=="first"){
    v.className="later";
    }
    else
    {
    v.className="first";
    }
    }</script>
    </head>
    <body>
    <br>
    <ul>
    <li class=first onmouseover="change_text(this);" onmouseout="change_text(this);"> 动态Html(DHtml)
    <li class=first onmouseover="change_text(this);" onmouseout="change_text(this);"> JavaScript
    <li class=first onmouseover="change_text(this);" onmouseout="change_text(this);"> VBScript
    <li class=first onmouseover="change_text(this);" onmouseout="change_text(this);"> 动态服务器页面(ASP)
    <li class=first onmouseover="change_text(this);" onmouseout="change_text(this);"> FrontPage98
    <li class=first onmouseover="change_text(this);" onmouseout="change_text(this);"> InternetExplorer
    <li class=first onmouseover="change_text(this);" onmouseout="change_text(this);"> SQL Server
    </ul>
    </body>
    </html>
      

  2.   

    To zltostem(星之尘寞) 我只想知道为什么用document.onmouseover=change_text;和document.onmouseout=change_text时当鼠标放到列表中的一项时,其他的项会加下划线?
      

  3.   


    function change_text(){//你可以在这里加一句-----------
    alert(window.event.srcElement.className);
    --------//根据这个现象自己想一想，看看能不能有所领悟if(window.event.srcElement.className=="first"){
    window.event.srcElement.className="later";
    }
    else
    {
    window.event.srcElement.className="first";
    }
    }
      

  4.   

    To zltostem(星之尘寞) :我试了,感觉这样写处理的次数太多了,效率是很低的
    但还是不明白为什么会有下划线而字不变色