超级酷的网页导航菜单-JS特效-爱易网页

超级酷的网页导航菜单

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

以下是程序代码

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>超级酷的网页导航菜单 aiyiweb.com</title>
<STYLE>

</STYLE>
<script>
/* 
http://www.qpsh.com 网页特效 超级酷的网页导航菜单

这是把事件动作绑定到菜单上的函数
*/
function attachXMenu(objid){
 var tds=objid.getElementsByTagName('td');
 for(var i=0;i<tds.length;i++){
  with(tds[i]){
   onmouseover=function(){
    with(this){
     filters[0].apply();
     style.background='#3ea936'; //这是鼠标移上去时的背景颜色
     style.border='1px solid #ffffff'; //边框
     style.color='#ffffff'; //文字颜色
     filters[0].play();
    }
   }
   onmouseout=function(){
    with(this){
     filters[0].apply();
     style.background='#f6f6f6'; //这是鼠标离开时的背景颜色
     style.border='1px solid #ffffff'; //边框
     style.color='#333333'; //文字颜色
     filters[0].play();
    }
   }
  }
 }
}
</script>
</head>

<body>
应有尽有的网页特效网址：<a href="http://js.aiyiweb.com">http://js.aiyiweb.com</a>
<hr />
<div align="center">
    <table border="1" width="778" cellpadding="0" style="border-collapse: collapse" height="30" id="table4" bgcolor=#DBDBDB bordercolor="#DBDBDB" cellspacing="0">
     <tr>
      <td>
      <div align="center">
       <table class="xmenu" id="xmenu0" border="0" width="776" cellspacing="3" cellpadding="3" height="30" id="table5">
        <tr>
         <td onclick="window.open('http://www.aiyiweb.com',   '_blank');">爱易网</td>
         <td onclick="window.open('http://js.aiyiweb.com',   '_blank');">网页特效</td>
         <td onclick="window.open('http://book.aiyiweb.com',   '_blank');">电子书籍</td>
         <td onclick="window.open('http://cool.aiyiweb.com',   '_blank');">酷站欣赏</td>
         <td onclick="window.open('http://tool.aiyiweb.com',   '_blank');">站长工具</td>
         <td onclick="window.open('http://bbs.aiyiweb.com',   '_blank');">论坛系统</td>
         <td onclick="window.open('http://www.aiyiweb.com',   '_blank');">自己填写</td>
         <td onclick="window.open('http://www.aiyiweb.com',   '_blank');">..........</td>
         <td onclick="window.open('http://www.aiyiweb.com',   '_blank');">..........</td>
        </tr>
       </table><script>attachXMenu(xmenu0); //在上面这个table结束的地方执行事件动作的绑定, 这里的这个xmenu0就是那个table的id</script>
      </div>
      </td>
     </tr>
    </table>
   </div>
</body>

</html>

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

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

超级酷的网页导航菜单

相关资料更多>

推荐阅读更多>