每日更新|TOP排行榜|Tag標簽|充值

無憂首頁網頁模板程序模板建站教程視頻教程網頁特效圖標素材字體下載站長工具站長問答

網頁特效代碼模板無憂>網頁特效>菜單導航特效代碼>

收藏分享查看評論菜單導航

XP菜單_菜單導航特效

查看演示效果

特效Tag：菜單添加

XP菜單,您可以先修改部分代碼再運行.

<style>
/* 先把這個 xmenu 的樣式放到css里 */
.xmenu td{font-size:12px;font-family:verdana,arial;font-weight:bolder;color:#ffffff;border:1px solid #336699;background:#336699;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='#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">
<td>My
<td>Name
<td>Is
<td onclick="location.href='http://www.wf0088.com'">LeX 
<td>Rus
<td>!!!
</table>

<script>attachXMenu(xmenu0); //在上面這個table結束的地方執行事件動作的綁定, 這里的這個xmenu0就是那個table的id</script>

<br/>
<table class="xmenu" id="xmenu1" width="100" cellpadding="1" cellspacing="4" border="0" bgcolor="#336699" align="center">
<tr><td>My
<tr><td>Name
<tr><td>Is
<tr><td onclick="location.href='http://www.wf0088.com'">LeX
<tr><td>Rus
<tr><td>!!!
</table>

<script>attachXMenu(xmenu1);</script>

所屬頻道：菜單導航特效/更新時間：2010-05-23

[收藏][報錯][返回列表]

相關菜單導航特效：

菜單導航特效Rss訂閱特效代碼搜索

菜單導航特效推薦

猜你也喜歡看這些

相關鏈接：
復制本頁鏈接| 搜索XP菜單
特效說明：
菜單導航模板-XP菜單。