點擊展開的下拉菜單

2024-09-05 12:20:15

字體：大中小

來源：轉載

供稿：網友

點擊展開的下拉菜單，和其它的下拉菜單有點不一樣，這一個是點擊了才展開菜單項，其它是鼠標放上就展開。

<title>點擊展開的下拉菜單</title><SCRIPT LANGUAGE="JavaScript">var winprops = "height=400,width=300,location=no,scrollbars=no,"+ "menubars=no,toolbars=no,resizable=yes";var visMnu = "";var actMnu, url;function menuHandler(actMnu,url){   popup = window.open("http://"+url,"MenuPopup",winprops);   hideMenu(actMnu);   popup.focus()}function flipMenu(actMnu){   if (visMnu == "")      showMenu(actMnu);   else   {      if (visMnu == actMnu)         hideMenu(actMnu);      else      {         hideMenu(visMnu);         showMenu(actMnu);      }   }}function showMenu(actMnu){   actMnu.style.background = "#889933";    actMnu.style.visibility = "visible";   visMnu = actMnu;}function hideMenu(actMnu){   actMnu.style.background = "";    actMnu.style.visibility = "hidden";   visMnu = "";}</script><table name=NaviBar border=0><colgroup width="110" span="2"></colgroup><tr bgcolor=#FF9933 style="cursor:default"><td align=center onMousedown="flipMenu(document.all.Mnu1)">實用站點</td><td align=center onMousedown="flipMenu(document.all.Mnu2)">專業站點</td></tr><tr><td valign="top"><table id=Mnu1 width=100% style="cursor:default; visibility:hidden;"><tr><td onClick="menuHandler(Mnu1,'www.baidu.com/')">         百度 </td></tr><tr><td onClick="menuHandler(Mnu1,'www.163.com/')">         網易 </td></tr></table></td><td valign="top"><table id=Mnu2 width=100% style="cursor:default; visibility:hidden;"><tr><td onClick="menuHandler(Mnu2,'www.baidu.com/')">         百度搜索 </td></tr><tr><td onClick="menuHandler(Mnu2,'www.codefans.net/')">         源碼愛好者 </td></tr></table></td></tr></table>

上一篇：鼠標移動會動的CSS菜單

下一篇：清新選項卡（一個頁面布局兩個）