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.youkuaiyun.com/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.youkuaiyun.com/images/star_0.gif" 

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

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

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

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