点击展开的下拉菜单_菜单导航特效

点击展开的下拉菜单，和其它的下拉菜单有点不一样，这一个是点击了才展开菜单项，其它是鼠标放上就展开。

<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/')"> <a href="#">
        百度</a> </td></tr>
<tr><td onClick="menuHandler(Mnu1,'www.163.com/')"> <a href="#">
        网易</a> </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/')"> <a href="#">
        百度搜索</a> </td></tr>
<tr><td onClick="menuHandler(Mnu2,'www.mb5u.com/')"> <a href="#">
        模板无忧</a> </td></tr>
</table>
</td>
</tr>
</table>

所属频道：菜单导航特效/更新时间：2012-11-05

[收藏][报错][返回列表]

点击展开的下拉菜单_菜单导航特效

菜单导航特效Rss订阅特效代码搜索

菜单导航特效推荐

猜你也喜欢看这些