網(wǎng)頁特效代碼模板無憂>網(wǎng)頁特效>菜單導航特效代碼>

帶漸變效果的變色導航菜單_菜單導航特效

很漂亮的導航菜單，響應鼠標運作，鼠標移過期帶有漸變效果，一定會使你的網(wǎng)頁更靚。

<html>
<head>
<title>帶漸變效果的變色菜單</title>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">

</head>
<body>

這是把事件動作綁定到菜單上的函數(shù)
*/
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訂閱特效代碼搜索

菜單導航特效推薦

猜你也喜歡看這些