今天抄的下拉单

< html >
< head >
< script  language ="javascript" > ...
// JavaScript Document

startList = 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 >