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

导航菜单的展开

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

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

以下是程序代码

脚本说明:
<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 全部选择提示：你可先修改部分代码，再按运行]

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

相关资料更多>

首个释放出搅局房地产信号的互联网公司不是小米而是58同城

如家撤离同程内情：祸起反水OTA“联盟”？

广电总局回应美剧下架：不是所有信息可公开

国内云服务商存在尴尬：“远程机房+移动大硬盘”模式

美图手机2问世三大问题令其市场销量堪忧

马云的SNS之梦有了新目标收购“微博”

世界杯让耐克阿迪大打出手谁能劈开用户大脑？

玩游戏式的趣味戒烟App：Kwit

百度对糯米来说到底意味着什么？

香港全能空间香港高速云虚拟主机PHP/ASP/NET送MSSQL和MYSQL

推荐阅读更多>