您的位置：首页 > 运维架构 > 网站架构

超酷的网站导航

2009-05-13 09:20 141 查看

<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]){

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.qpsh.com/listpage/103_1.htm', '_blank');">综合特效</td>

<td onclick="window.open('http://www.qpsh.com/listpage/102_1.htm', '_blank');">菜单特效</td>

<td onclick="window.open('http://www.qpsh.com/listpage/108_1.htm', '_blank');">文本操作</td>

<td onclick="window.open('http://www.qpsh.com/listpage/112_1.htm', '_blank');">图形特效</td>

<td onclick="window.open('http://www.qpsh.com/listpage/113_1.htm', '_blank');">图形特效</td>

<td onclick="window.open('http://www.qpsh.com/listpage/104_1.htm', '_blank');">状态栏类</td>

<td onclick="window.open('http://www.qpsh.com/listpage/114_1.htm', '_blank');">时间日期</td>

<td onclick="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>

</html>

本代码由<a href=http://www.qpsh.com>网页特效网</a>提供

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航