< html > < head > < script language ="javascript" > ... // JavaScript DocumentstartList = function() ...{if (document.all&&document.getElementById) ...{navRoot = document.getElementById("nav");for (i=0; i<navRoot.childNodes.length; i++) ...{node = navRoot.childNodes[i];if (node.nodeName=="LI") ...{node.onmouseover=function() ...{this.className+=" over"; } node.onmouseout=function() ...{ this.className=this.className.replace(" over", ""); } } } }}window.onload=startList; </ script > < style type ="text/css" > ... <!--body {...}{ font: normal 11px verdana; margin:0px; background-color:#c5c5c5; }table{...}{ font: normal 11px verdana; margin:0px;}ul {...}{ margin: 0; padding: 0; list-style: none; width: 150px; /**//* Width of Menu Items */ border-bottom: 1px solid #ccc; } ul li {...}{ position: relative; } li ul {...}{ position: absolute; left: 149px; /**//* Set 1px less than menu width */ top: 0; display: none; }/**//* Styles for Menu Items */ul li a {...}{ display: block; text-decoration: none; color: #777; background: #fff; /**//* IE6 Bug */ padding: 5px; border: 1px solid #ccc; /**//* IE6 Bug */ border-bottom: 0; } /**//* Holly Hack. IE Requirement */* html ul li {...}{ float: left; height: 1%; }* html ul li a {...}{ height: 1%; }/**//* End */li:hover ul, li.over ul {...}{ display: block; } /**//* The magic */--> </ style > </ head > < body > < table > < tr > < td colspan ="2" > < img src ="http://hiphotos.baidu.com/woaisongjunsheng/pic/item/d4c2723db8dac6ea3d6d97ef.jpg" style ="height:200px;width:1000px;" /> </ td > </ tr > < tr > < td > < ul id ="nav" > < li >< a href ="#" > Home </ a ></ li > < li >< a href ="#" > 1 </ a > < ul > < li >< a href ="#" > 2 </ a ></ li > < li >< a href ="#" > 3 </ a ></ li > < li >< a href ="#" > 4 </ a ></ li > </ ul > </ li > < li >< a href ="#" > 2 </ a > < ul > < li >< a href ="#" > 2 </ a ></ li > < li >< a href ="#" > 3 </ a ></ li > < li >< a href ="#" > 4 </ a ></ li > < li >< a href ="#" > 5 </ a ></ li > < li >< a href ="#" > 6 </ a ></ li > </ ul > </ li > < li >< a href ="#" > 3 </ a > < ul > < li >< a href ="#" > 2 </ a ></ li > < li >< a href ="#" > 3 </ a ></ li > < li >< a href ="#" > 4 </ a ></ li > < li >< a href ="#" > 5 </ a ></ li > </ ul > < li >< a href ="#" > 4 </ a > < ul > < li >< a href ="#" > 2 </ a ></ li > < li >< a href ="#" > 3 </ a ></ li > < li >< a href ="#" > 4 </ a ></ li > < li >< a href ="#" > 5 </ a ></ li > </ ul > < li >< a href ="#" > 5 </ a > < ul > < li >< a href ="#" > 2 </ a ></ li > < li >< a href ="#" > 3 </ a ></ li > < li >< a href ="#" > 4 </ a ></ li > < li >< a href ="#" > 5 </ a ></ li > </ ul > < li >< a href ="#" > 6 </ a > < ul > < li >< a href ="#" > 2 </ a ></ li > < li >< a href ="#" > 3 </ a ></ li > < li >< a href ="#" > 4 </ a ></ li > < li >< a href ="#" > 5 </ a ></ li > </ ul > < li >< a href ="#" > 7 </ a > < ul > < li >< a href ="#" > 2 </ a ></ li > < li >< a href ="#" > 3 </ a ></ li > < li >< a href ="#" > 4 </ a ></ li > < li >< a href ="#" > 5 </ a ></ li > </ ul > </ li > < li >< a href ="#" > 8 </ a > < ul > < li >< a href ="#" > 2 </ a ></ li > < li >< a href ="#" > 3 </ a ></ li > < li >< a href ="#" > 4 </ a ></ li > < li >< a href ="#" > 5 </ a ></ li > </ ul > </ li > < li >< a href ="#" > 9 </ a > < ul > < li >< a href ="#" > 2 </ a ></ li > < li >< a href ="#" > 3 </ a ></ li > < li >< a href ="#" > 4 </ a ></ li > < li >< a href ="#" > 5 </ a ></ li > </ ul > </ li > < li >< a href ="#" > 10 </ a > < ul > < li >< a href ="#" > 2 </ a ></ li > < li >< a href ="#" > 3 </ a ></ li > < li >< a href ="#" > 4 </ a ></ li > < li >< a href ="#" > 5 </ a ></ li > </ ul > </ li > < li >< a href ="#" > 11 </ a > < ul > < li >< a href ="#" > 2 </ a ></ li > < li >< a href ="#" > 3 </ a ></ li > < li >< a href ="#" > 4 </ a ></ li > < li >< a href ="#" > 5 </ a ></ li > </ ul > </ li > < li >< a href ="#" > 12 </ a > < ul > < li >< a href ="#" > 2 </ a ></ li > < li >< a href ="#" > 3 </ a ></ li > < li >< a href ="#" > 4 </ a ></ li > < li >< a href ="#" > 5 </ a ></ li > </ ul > </ li > </ ul > </ td > < td > sdfsdfsdfds </ td > </ tr > </ table > </ body > </ html >