带渐变效果的变色导航菜单_菜单导航特效

很漂亮的导航菜单，响应鼠标运作，鼠标移过期带有渐变效果，一定会使你的网页更靓。

<html>
<head>
<title>带渐变效果的变色菜单</title>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">

</head>
<body>

这是把事件动作绑定到菜单上的函数
*/
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='#66CCFF'; //这是鼠标移上往时的背景颜色
					style.border='1px solid #ffffff'; //边框
					style.color='black'; //文字颜色
					filters[0].play();
				}
			}
			onmouseout=function(){
				with(this){
					filters[0].apply();
					style.background='#336699'; //这是鼠标离开时的背景颜色
					style.border='1px solid #336699'; //边框
					style.color='#ffffff'; //文字颜色
					filters[0].play();
				}
			}
		}
	}
}
</script>

<table class="xmenu" id="xmenu0" width="500" cellpadding="1" cellspacing="4" border="0" bgcolor="#336699" align="center">
	<tr>
		<td>HOME</td>
		<td>ASP</td>
		<td>PHP</td>
		<td>VB.NET</td>
		<td>JAVA</td>
		<td>DELPHI</td>
	</tr>
</table>

<br/>
<table class="xmenu" id="xmenu1" width="100" cellpadding="1" cellspacing="4" border="0" bgcolor="#336699" align="center">
	<tr><td>MyHome</td></tr>
	<tr><td>Name</td></tr>
	<tr><td>IsNEW</td></tr>
</table>
<script>attachXMenu(xmenu1);</script> 
</body>
</html>

所属频道：菜单导航特效/更新时间：2010-05-22

[收藏][报错][返回列表]

带渐变效果的变色导航菜单_菜单导航特效

菜单导航特效Rss订阅特效代码搜索

菜单导航特效推荐

猜你也喜欢看这些