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

导航菜单的展开

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

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

以下是程序代码

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

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

相关资料更多>

说说这一个月的赌球输了多少

湘鄂情剥离餐饮业务进军大数据的底气在哪里？

摩托罗拉中国区将再裁员助力公司变身

“合聚变”来了 UC优视确认并入阿里巴巴

迅雷高管解读财报：收购快盘可快速融入小米

清点：罗永浩推锤子ROM 小米打法遭模拟

苹果已经允许开发者提交64位应用程序

凑足了升级ios8所需要的5.7G空间，没料到“苹果”却变成“板砖”，iOS8还能一起愉快玩耍吗？

TD是完成中国梦的一个契机

香港全能空间免费试用15天，送网站加速30M

推荐阅读更多>