打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
超级酷的网页导航菜单

超级酷的网页导航菜单代码:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>超级酷的网页导航菜单</title>
<STYLE>
<!--
.xmenu td{font-size:12px;font-family:verdana,arial;font-weight:none;color:#333333;border:1px solid #ffffff;background:#f6f6f6;filter:blendtrans(duration=0.5);cursor:hand;text-align:center;}
-->
</STYLE>
<script>
/*
http://www.360doc.com/myuserhome.aspx?isowner=1 荷花小女子 超级酷的网页导航菜单
这是把事件动作绑定到菜单上的函数
*/
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>
<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.qpsh.com',   '_blank');">首  页</td>
         <td onclick="window.open('http://www.wangtx.com/',   '_blank');">综合特效</td>
         <td onclick="window.open('http://www.yamaxun.org',   '_blank');">菜单特效</td>
         <td onclick="window.open('http://www.yamaxun.info',   '_blank');">文本操作</td>
         <td onclick="window.open('http://www.cnosa.com',   '_blank');">图形特效</td>
         <td onclick="window.open('http://www.gxgcn.com',   '_blank');">图形特效</td>
         <td onclick="window.open('http://www.luotuoxie.net',   '_blank');">状态栏类</td>
         <td onclick="window.open('http://www.ivancl.cn',   '_blank');">时间日期</td>
         <td onclick="window.open('http://www.fankelipinka.com',   '_blank');">按钮特效</td>
        </tr>
       </table><script>attachXMenu(xmenu0); //在上面这个table结束的地方执行事件动作的绑定, 这里的这个xmenu0就是那个table的id</script>
      </div>
      </td>
     </tr>
    </table>
   </div>
</body>
</html>
本代码由<a href=/myuserhome.aspx?isowner=1>】荷花小女子【</a>提供
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
多层边框的制作
边框加代码自作
北克教学代码属性漂亮的边框代码-制作模具楼!很简单不懂语言会复制即可-不断更新
表格特效代码
边框2
实用表格样式汇集
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服