--超级酷的网页导航菜单--

最新推荐文章于 2021-06-04 01:18:57 发布

jin3226390

最新推荐文章于 2021-06-04 01:18:57 发布

阅读量529

点赞数

分类专栏： ‘CSSヽ文章标签： table border function 图形 filter class

‘CSSヽ专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>超级酷的网页导航菜单</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]){
   οnmοuseοver=function(){
    with(this){
     filters[0].apply();
     style.background='#3ea936'; //这是鼠标移上去时的背景颜色
     style.border='1px solid #ffffff'; //边框
     style.color='#ffffff'; //文字颜色
     filters[0].play();
    }
   }
   οnmοuseοut=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 οnclick="window.open('http://www.qpsh.com',   '_blank');">首页</td>
         <td οnclick="window.open('http://www.qpsh.com/listpage/103_1.htm',   '_blank');">综合特效</td>
         <td οnclick="window.open('http://www.qpsh.com/listpage/102_1.htm',   '_blank');">菜单特效</td>
         <td οnclick="window.open('http://www.qpsh.com/listpage/108_1.htm',   '_blank');">文本操作</td>
         <td οnclick="window.open('http://www.qpsh.com/listpage/112_1.htm',   '_blank');">图形特效</td>
         <td οnclick="window.open('http://www.qpsh.com/listpage/113_1.htm',   '_blank');">图形特效</td>
         <td οnclick="window.open('http://www.qpsh.com/listpage/104_1.htm',   '_blank');">状态栏类</td>
         <td οnclick="window.open('http://www.qpsh.com/listpage/114_1.htm',   '_blank');">时间日期</td>
         <td οnclick="window.open('http://www.qpsh.com/listpage/120_1.htm',   '_blank');">按钮特效</td>
        </tr>
       </table><script>attachXMenu(xmenu0); //在上面这个table结束的地方执行事件动作的绑定, 这里的这个xmenu0就是那个table的id</script>
      </div>
      </td>
     </tr>
    </table>
   </div>
</body>