500分求菜单功能。

<html>
<head>
<style>
body, td, th { font-family:verdana,tahoma;font-size:x-small;line-height:17px; }
a { color: #000000; background:#B9CDEF; text-decoration:none; padding-top: 1px; padding-bottom: 1px; padding-left:2px; padding-right:2px }
.crow { font-size:8pt;font-family:tahoma,verdana;cursor:hand;border-right:1px solid black; }
.srow { font-size:8pt;font-family:tahoma,verdana;border-right:1px solid white; }
.tran { color:#ffffff; background:#ffffff; padding:0px; }
</style>
<noscript><meta http-equiv=refresh content='1;url=wholelist.asp'></noscript>
<script>
function fOn(o) { o.style.filter = "progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#8DAED7', EndColorStr='#FFFFFF')"; }
function fOff(o) { o.style.filter = ""; }
</script>
</head>
<body bgcolor=#ffffff text=#000000 link=#000080 vlink=#000080 alink=#000080
 topmargin=0 leftmargin=0 rightmargin=0 marginheight=0 marginwidth=0 style='background:url(&#039;/img/nli.jpg&#039;) no-repeat;'>
<table border=0 cellpadding=0 cellspacing=0 width='100%'>
<tr valign=top><td width=110><table border=0 cellpadding=0 cellspacing=0 width=110 style='line-height:19px;background:#8DAED7'>
<tr><td class=srow id='selected' bgcolor=#ffffff><nobr>&nbsp;&nbsp;Home&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/search.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;Search&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/database.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;Database&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/filesystem.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;File System&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/components.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;Components&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/forms.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;Forms&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/dates.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;Dates&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/email.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;E-mail&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/general.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;General&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/biglist.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;The Big List&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/recent.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;Recent Changes&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/downloads.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;Downloads&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/feedback.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;Feedback&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/credits.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;Credits&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/privacy.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;Privacy&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr>
<tr>
<td background=/img/bot.jpg bgcolor=#ffffff><img src=/img/blank.gif width=1 height=1 style='visibility:hidden' vspace=19></td>
</tr></table>
</td></tr>
</table>

解决方案 »

  1.   

    x代表第几个td<td onmouseover="if(flag[x]==0)this.background=='#333333'"
    onmouseout="if(flag[x]==0)this.background=='transparent'"
    onclick="chg(x,this)">adsads</td>
    <script>
    function chg(i,obj)
    {
       if (flag[i]==0)
       {
          obk.style.background="white";
          for (j=0;j<=x;j++){flag[j]=0;}
          flag[i]=1;
       }
    }
    </script>