CSS+JS完成下拉菜单

CSS+JSS完成下拉菜单code:

---

< SCRIPT  LANGUAGE ="JavaScript" >
<!--  Begin
var  refer = true ;
function  combo() {
if  (refer) {
  document.all.contents.style.visibility = " visible " ; // 所有样式内容可见
  refer = false ;
}
else  {
  document.all.contents.style.visibility = " hidden " ;
  refer = true ;
}
}
 End  -->
</ SCRIPT >

< table  align ="left" >
< tr >< td >
< table  width ="200"  border ="1"  cellspacing ="0"  cellpadding ="0"  bordercolor ="#d8d8d8" >
   < tr >
     < td  bgcolor ="#FF9900"  align ="center" >
       < font  face ="verdana"  size ="2"  color ="#FFFFFF" >  下拉菜单 </ font >
     </ td >
     < td  align ="right"  width ="21" >
       < img  src ="http://blog.csdn.net/images/ask.gif"  name ="combo_arrow"  width ="21"  

height ="21"  alt =""  border ="0"  onclick ="combo()"   ></ td >
   </ tr >
</ table >


< div  id ="contents"  style ="position:absolute; left:?px; top:?px; width:?px; height:?px; z-

index:1; visibility:hidden" >
   < table  width ="200"  border ="1"  cellspacing ="0"  cellpadding ="0"  bordercolor ="#d8d8d8" >
   < tr >
     < td  bgcolor ="#FF9900" >
       < font  face ="verdana"  size ="2" >
       < a  href ="#"  target ="_blank" >   < img  src ="http://blog.csdn.net/images/star_0.gif"  

border ="0"  width ="8"  height ="8" >   LINK 1 </ a >< br >
       < a  href ="#"  target ="_blank" >   < img  src ="http://blog.csdn.net/images/star_0.gif"  

border ="0"  width ="8"  height ="8" >   LINK 2 </ a >< br >
       < a  href ="#"  target ="_blank" >   < img  src ="http://blog.csdn.net/images/star_0.gif"  

border ="0"  width ="8"  height ="8" >   LINK 3 </ a >< br >
       < a  href ="#"  target ="_blank" >   < img  src ="http://blog.csdn.net/images/star_0.gif"  

border ="0"  width ="8"  height ="8" >   LINK 4 </ a >< br >
  </ font >       
     </ td >
   </ tr >
</ table ></ div >
</ td ></ tr >
</ table >