动感的炫彩导航菜单代码_菜单导航特效

动感的炫彩导航菜单代码，用JS控制颜色变换，鼠标放上往会有渐变效果，像一个FLASH菜单一样，很漂亮。

<html>
<head>
<style>
/* 先把这个 xmenu 的样式放到css里 */
.xmenu td{font-size:12px;font-family:verdana,arial;font-weight:bolder;color:#f5f5f5;border:1px solid #0066cc;background:#0066cc;filter:blendtrans(duration=0.5);cursor:hand;text-align:center;}
</style>
<script>
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='#FEBD20'; //这是鼠标移上往时的背景颜色
					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>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">
<title>中国建站之家网页殊效演示，炫彩变色菜单</title>
</head>

<body>

<table class="xmenu" id="xmenu0" width="500" cellpadding="1" cellspacing="2" border="0" bgcolor="#003366" align="center">
	<tr>
		<td>广告殊效</td>
		<td><a href="/jscss/"><font color="#FFFFFF">图片殊效</font></a></td>
		<td>CSS殊效</td>
		<td>网页殊效</td>
		<td>网页布局</td>
		<td>综合代码</td>
	</tr>
</table>

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

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

动感的炫彩导航菜单代码_菜单导航特效

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

菜单导航特效推荐

猜你也喜欢看这些