鼠標(biāo)經(jīng)過(guò)導(dǎo)航菜單時(shí)顏色改變效果

2019-11-21 00:21:37

字體：大中小

供稿：網(wǎng)友

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="keywords" content="站長(zhǎng),網(wǎng)頁(yè)特效,js特效,廣告代碼,zzjs,VeVB.COm,sky,m.survivalescaperooms.com,站長(zhǎng)特效 網(wǎng)" /> <meta name="description" content="m.survivalescaperooms.com,武林網(wǎng)，站長(zhǎng)必備js特效及廣告代碼。大量高質(zhì)量js特效，提供高質(zhì)量廣告代碼下載,盡在武林網(wǎng)" /> <title>非常酷的網(wǎng)頁(yè)導(dǎo)航菜單，sky整理收集。</title> <STYLE>  </STYLE> <script> /* 這是把事件動(dòng)作綁定到菜單上的函數(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='#3ea936'; //這是鼠標(biāo)移上去時(shí)的背景顏色 style.border='1px solid #ffffff'; //邊框 style.color='#ffffff'; //文字顏色 filters[0].play(); } }//歡迎來(lái)到武林網(wǎng)，我們的網(wǎng)址是m.survivalescaperooms.com，很好記，zz站長(zhǎng)，js就是js特效，本站收集大量高質(zhì)量js代碼，還有許多廣告代碼下載。 onmouseout=function(){ with(this){ filters[0].apply(); style.background='#f6f6f6'; //這是鼠標(biāo)離開時(shí)的背景顏色 style.border='1px solid #ffffff'; //邊框 style.color='#333333'; //文字顏色 filters[0].play(); } } } } }//歡迎來(lái)到武林網(wǎng)，我們的網(wǎng)址是m.survivalescaperooms.com，很好記，zz站長(zhǎng)，js就是js特效，本站收集大量高質(zhì)量js代碼，還有許多廣告代碼下載。 </script> </head> <body> <a href="<#ZC_BLOG_HOST#>">武林網(wǎng)</a>,站長(zhǎng)必備的高質(zhì)量網(wǎng)頁(yè)特效和廣告代碼。VeVB.COm，站長(zhǎng)js特效。<hr>  <div align="center"> <table border="1" width="778" cellpadding="0" style="border-collapse: collapse" height="30" id="table4" bgcolor=#DBDBDB bordercolor="#DBDBDB" cellspacing="0"> <tr> <td> <div align="center"> <table class="xmenu" id="xmenu0" border="0" width="776" cellspacing="3" cellpadding="3" height="30" id="table5"> <tr> <td onclick="window.open('//m.survivalescaperooms.com', '_blank');">網(wǎng)站首頁(yè)</td> <td onclick="window.open('http://VeVB.COm/?cat=1', '_blank');">站長(zhǎng)特效</td> <td onclick="window.open('http://VeVB.COm/?cat=2', '_blank');">網(wǎng)頁(yè)特效</td> <td onclick="window.open('http://VeVB.COm/?cat=11', '_blank');">廣告代碼</td> <td onclick="window.open('http://VeVB.COm/', '_blank');">站內(nèi)關(guān)鍵詞</td> <td onclick="window.open('http://VeVB.COm/', '_blank');">rss訂閱</td> <td onclick="window.open('http://VeVB.COm/', '_blank');">留言本</td> <td onclick="window.open('http://VeVB.COm/?cat=2', '_blank');">您自定義</td> <td onclick="window.open('http://VeVB.COm/?cat=2', '_blank');">您自定義</td> </tr> </table><script>attachXMenu(xmenu0); //在上面這個(gè)table結(jié)束的地方執(zhí)行事件動(dòng)作的綁定, 這里的這個(gè)xmenu0就是那個(gè)table的id</script> </div> </td> </tr> </table> </div> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：CSS實(shí)現(xiàn)同一背景圖的導(dǎo)航菜單

下一篇：DIV+CSS設(shè)計(jì)的動(dòng)感橫向?qū)Ш?/a>