导航菜单的展开-JS特效-爱易网页

导航菜单的展开

日期：2014-05-18　浏览次数：20790 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

脚本说明:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var winprops = "height=500,width=500,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"; /* modify menu-background-color */
   actMnu.style.visibility = "visible";
   visMnu = actMnu;
}
function hideMenu(actMnu)
{
   actMnu.style.background = ""; /* modify color "selected" */
   actMnu.style.visibility = "hidden";
   visMnu = "";
}
//  End -->
</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.sohu.com/')"> <a href="#">
        搜狐 </a> </td></tr>
<tr><td onClick="menuHandler(Mnu1,'www.163.com/')"> <a href="#">
        网易 </a> </td></tr>
<tr><td onClick="menuHandler(Mnu1,'www.sina.com/')"> <a href="#">
        新浪网 </a> </td></tr>
<tr><td onClick="menuHandler(Mnu1,'www.263.net/')"> <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.aspsky.com/')"> <a href="#">
        动网 </a> </td></tr>
<tr><td onClick="menuHandler(Mnu2,'www.k688.com/')"> <a href="#">
        资源网 </a> </td></tr>
<tr><td onClick="menuHandler(Mnu2,'www.phpuser.com/')"> <a href="#">
        PHP之家 </a> </td></tr>
</table>
</td>
</tr>
</table>

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

相关资料更多>

网易微博将正式关闭用户迁至轻博客LOFTER

看病也能用支付宝了马云的又一盘大棋

虚拟运营商温度有多高？降温OR升温内外有别

中国移动4G资费调整方案6月1日起正式实施

京东终于想明白，这些年错过的财运，都藏在女人的时装下

特斯拉将获上海免费牌照充电桩面临双重标准

IT企业人才争夺战打响：员工待遇水涨船高

马斯克的特斯拉能否保持好势头

从3G牌照发放看中国4G规划效果

香港云服务器免备案云主机VPS 国内独立IP 独享15M 月付SSD

推荐阅读更多>