動感的炫彩導航菜單代碼_菜單導航特效

動感的炫彩導航菜單代碼，用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訂閱特效代碼搜索

菜單導航特效推薦

猜你也喜歡看這些