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.   

    <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Smart Menu </title>
    <meta name="Generator" content="EditPlus">
    <meta name="Author" content="fason,阿信">
    <meta name="Keywords" content="Smart Menu">
    <meta name="Description" content="">
    <style>
    td{padding:2 10;font-size:12px;font-family:Verdana;cursor:hand;}
    .out{background-color:#6699cc;color:#FFFFFF;}
    .over{background-color:#d2e8ff;color:#0000FF;}
    .focus{background-color:#FF0000; color:#FFFFFF;}
    </style>
    </head>
    <body>
    <script language="JavaScript">
    <!--
    function FsnMenu(obj){
    this.obj=obj
    this.menus=[]
    this.current=null
    }
    function MenuItem(txt,link,title,target){
    this.txt=txt;
    this.link=link
    this.title=title?title:txt
    this.target=target?target:"_blank"
    }
    FsnMenu.prototype.addItem=function(txt,link,target){
    this.menus[this.menus.length]=new MenuItem(txt,link,target)
    }
    FsnMenu.prototype.MakeItem=function(nid){
    var oItem=this.menus[nid]
    var MenuStr='<tr id="item'+nid+'" class="out" onmouseover="'+this.obj+'.MouseOver(this)" onmouseout="'+this.obj+'.MouseOut(this)" onclick="'+this.obj+'.Click('+nid+')" title="'+oItem.title+'"><td><nobr>'+oItem.txt+'</nobr></td></tr>'
    return MenuStr
    }
    FsnMenu.prototype.MouseOver=function(o){if(o!=this.current)o.className='over'}
    FsnMenu.prototype.MouseOut=function(o){o.className=o==this.current?"focus":"out"}
    FsnMenu.prototype.Click=function(nid){
    var obj=document.getElementById("item"+nid)
    var oItem=this.menus[nid]
    if(!this.current)this.current=obj
    this.current.className="out"
    obj.className="focus"
    this.current=obj
    if(oItem.link)window.open(oItem.link,oItem.target)
    }
    FsnMenu.prototype.toString=function(){
    var str="<table cellspacing=1 cellpadding=0>"
    for(i=0;i<this.menus.length;i++)
    str+=this.MakeItem(i)
    return str+'</table>'
    }
    //-->
    </script>
    <div>
    <script language="JavaScript">
    <!--
    var fsn=new FsnMenu("fsn")
    fsn.addItem("Microsoft","http://www.microsoft.com")
    fsn.addItem("CSDN","http://www.csdn.net")
    fsn.addItem("Web Developer")
    fsn.addItem("ASP")
    fsn.addItem(".Net")
    fsn.addItem("Fason Web Site","http://fason.nease.net")
    document.write(fsn)
    //-->
    </script>
    </div>
    </body>
    </html>
      

  2.   

    <html><head>
    <style>
    body,td,a {font-size:9pt;color:black;text-decoration:none}
    .normal {padding:2px}
    .up {padding:1px;border:#999999 1px solid;background:#cccccc}
    .down {padding:1px;border:dbdbdb 1px solid;background:dbdbdb}
    .menuv {filter: revealTrans(transition=23,duration=0.5);padding:2px}
    </style>
    </head><body>
    <script>
      
    //渐入的效果,改变alpha值
    function high(image){
      theobject=image,
      highlighting=setInterval("highlightit(theobject)",100)
    }
    function low(image){
      clearInterval(highlighting),
      image.filters.alpha.opacity=50
    }
    function highlightit(cur2){
      if(cur2.filters.alpha.opacity<100)
        cur2.filters.alpha.opacity+=20;
      else if(window.highlighting)
        clearInterval(highlighting)
    }//渐变显示层
    function Show(divid){
      divid.style.visibility = "visible";
    }
    function Hide(divid) {
      divid.style.visibility = "hidden";
    }</script><div style="position: absolute; z-index: 1; width: 100; height: 31; left: 121; top: 82" ID=plane onmousedown="down=true;divleft=event.clientX-parseInt(plane.style.left);divtop=event.clientY-parseInt(plane.style.top)" onmouseup="down=false"> <table id="td123" cellspacing=2 width=100 border=0 style="BORDER:#999999 1px solid;cursor:hand" cellpadding="0" bgcolor="f4f4f4">
    <tr>
    <td class=normal 
        onMouseDown="this.className='down',Show(menu1)"
        onMouseOver="this.className='up',high(this)" 
        style="filter:alpha(opacity=50)"
        onMouseUp="this.className='up'">
    <div align="center" id="area">地  区</div>
    </td>
    </tr>
    </table><div id="menu1" style="position: absolute; top: 24; left: -3; z-index: 1; visibility: hidden; width: 105; height: 89"
    onMouseOver=this.style.visibility='visible'
    onMouseOut=this.style.visibility='hidden'
    class="menuv"><table cellspacing=2 width=100 border=0 style="BORDER:#999999 1px solid;cursor:hand" cellpadding="0" bgcolor="f4f4f4" align="right">
    <tr>
    <td class=normal 
        onMouseDown="area.innerText='亚太';menu1.style.visibility='hidden';menu2.style.visibility='hidden'"
        onMouseOver="this.className='up',high(this),Show(menu2)" 
        onMouseOut="this.className='normal',low(this),menu2.style.visibility='hidden'" 
        style="filter:alpha(opacity=50)"
        onMouseUp="this.className='up'">
    <div align="center">亚太</div>
    </td>
    </tr><tr>
    <td class=normal 
        onMouseDown="area.innerText='欧洲';menu1.style.visibility='hidden';menu3.style.visibility='hidden'"
        onMouseOver="this.className='up',high(this),Show(menu3)" 
        onMouseOut="this.className='normal',low(this),menu3.style.visibility='hidden'" 
        style="filter:alpha(opacity=50)"
        onMouseUp="this.className='up'">
    <div align=center>欧洲</div>
    </td>
    </tr><tr>
    <td class=normal 
        onMouseDown="area.innerText='美洲';menu1.style.visibility='hidden';menu4.style.visibility='hidden'"
        onMouseOver="this.className='up',high(this),Show(menu4)" 
        onMouseOut="this.className='normal',low(this),menu4.style.visibility='hidden'" 
        style="filter:alpha(opacity=50)"
        onMouseUp="this.className='up'">
    <div align=center>美洲</div>
    </td>
    </tr></table>
    </div><div id="menu2" style="position: absolute; top: 27; left: 99; z-index: 1; visibility: hidden; width: 105; height: 89"
    onMouseOver="this.style.visibility='visible';menu1.style.visibility='visible'"
    onMouseOut=this.style.visibility='hidden' class="menuv">
    <table cellspacing=2 width=100 border=0 style="BORDER:#999999 1px solid;cursor:hand" cellpadding="0" bgcolor="f4f4f4" align="right"><tr>
    <td class=normal 
        onMouseDown="this.className='down';area.innerText='中国'"
        onMouseOver="this.className='up',high(this)" 
        onMouseOut="this.className='normal',low(this)" 
        style="filter:alpha(opacity=50)"
        onMouseUp="this.className='up'">
    <div align="center">中国</div>
    </td>
    </tr><tr>
    <td class=normal 
        onMouseDown="this.className='down';area.innerText='日本'"
        onMouseOver="this.className='up',high(this)" 
        onMouseOut="this.className='normal',low(this)" 
        style="filter:alpha(opacity=50)"
        onMouseUp="this.className='up'">
    <div align=center>日本</div>
    </td>
    </tr><tr>
    <td class=normal 
        onMouseDown="this.className='down';area.innerText='韩国'"
        onMouseOver="this.className='up',high(this)" 
        onMouseOut="this.className='normal',low(this)" 
        style="filter:alpha(opacity=50)"
        onMouseUp="this.className='up'">
    <div align=center>韩国</div>
    </td>
    </tr>
    </table>
    </div><div id="menu3" style="position: absolute; top: 47; left: 99; z-index: 1; visibility: hidden; width: 105; height: 89"
    onMouseOver="this.style.visibility='visible';menu1.style.visibility='visible'"
    onMouseOut=this.style.visibility='hidden' class="menuv">
    <table cellspacing=2 width=100 border=0 style="BORDER:#999999 1px solid;cursor:hand" cellpadding="0" bgcolor="f4f4f4" align="right"><tr>
    <td class=normal 
        onMouseDown="this.className='down';area.innerText='英国'"
        onMouseOver="this.className='up',high(this)" 
        onMouseOut="this.className='normal',low(this)" 
        style="filter:alpha(opacity=50)"
        onMouseUp="this.className='up'">
    <div align="center">英国</div>
    </td>
    </tr><tr>
    <td class=normal 
        onMouseDown="this.className='down';area.innerText='法国'"
        onMouseOver="this.className='up',high(this)" 
        onMouseOut="this.className='normal',low(this)" 
        style="filter:alpha(opacity=50)"
        onMouseUp="this.className='up'">
    <div align=center>法国</div>
    </td>
    </tr><tr>
    <td class=normal 
        onMouseDown="this.className='down';area.innerText='德国'"
        onMouseOver="this.className='up',high(this)" 
        onMouseOut="this.className='normal',low(this)" 
        style="filter:alpha(opacity=50)"
        onMouseUp="this.className='up'">
    <div align=center>德国</div>
    </td>
    </tr>
    </table>
    </div><div id="menu4" style="position: absolute; top: 67; left: 99; z-index: 1; visibility: hidden; width: 105; height: 89"
    onMouseOver="this.style.visibility='visible';menu1.style.visibility='visible'"
    onMouseOut=this.style.visibility='hidden' class="menuv">
    <table cellspacing=2 width=100 border=0 style="BORDER:#999999 1px solid;cursor:hand" cellpadding="0" bgcolor="f4f4f4" align="right"><tr>
    <td class=normal 
        onMouseDown="this.className='down';area.innerText='美国'"
        onMouseOver="this.className='up',high(this)" 
        onMouseOut="this.className='normal',low(this)" 
        style="filter:alpha(opacity=50)"
        onMouseUp="this.className='up'">
    <div align="center">美国</div>
    </td>
    </tr></table>
    </div>
    </div>
    </body>
    </html>
      

  3.   

    <td onmouseover="javascript:this.bgColor='#000000';" onmouseout="">
      

  4.   

    fason(阿信) 
    老大就是老大