每日更新|TOP排行榜|Tag标签|充值

无忧首页网页模板程序模板建站教程视频教程网页特效图标素材字体下载站长工具站长问答

关闭顶部展开顶部

展开边栏关闭边栏

网页特效代码模板无忧>网页特效>菜单导航特效代码>

收藏分享查看评论菜单导航

XP菜单_菜单导航特效

查看演示效果

特效Tag：菜单添加

缂備礁娲﹂埅绀慹deCMS閻熸瑥妫濋。鍫曞极濞嗘垟鏌�濞戞梹澹嗛埞鏍⒒閿燂拷缂佸鍠愬﹢鍥礉閳ヨ櫕鐝� 闂侇偄顦辩紞澶屾兜閺囨氨闉嶉柤杈ㄦ缁憋拷 闁哄啰濮撮崪鏍博濞嗘挻姣愮€规悶鍎遍崣锟�,闁谎勫劤鐎规娊寮堕崘顔兼濞戞挴鍋撻梺娆惧枛閸欏繘寮婚敓锟�!

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.mb5u.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.mb5u.com'">LeX
<tr><td>Rus
<tr><td>!!!
</table>

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

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

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

评论加载中....

相关菜单导航特效：

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

菜单导航特效推荐

猜你也喜欢看这些

相关链接：
复制本页链接| 搜索XP菜单
特效说明：
菜单导航模板-XP菜单。

閻㈩垱鐡曢～鍡涙⒒椤曗偓椤ｏ拷: 濞寸姭鍋撳☉鏂跨墛濡茬閻㈩垽鎷�; 濠碘€冲€风紞宥夋嚔瀹勬壆绻乁閻㈩垽鎷�; 濠碘€冲€风紞宥夊箥閹勭閻庨潧妫涢悥锟�

闁稿繐鎳庨埀顒傚帶鎼存粓宕濋敓锟�: 闁稿繐鎳庨埀顒€鍚嬬粊锔剧矙鐎ｂ晝鐭欑紓渚婃嫹; 闁衡偓椤栨稑鐦柛婵愪簷缁ㄦ椽寮ㄩ娆戝笡闁哄倻鎳撶槐锟�; 闁哄啰濮风紞澶愭煣鐠轰警娲ゅù锝嗘礀閸樻牠宕愰敓锟�

婵☆垪鍓濆妯兼嫻椤撴繃瀚�: 濠碘€冲€风紞宥囨嫻椤撴繃瀚虫俊顖楀墲濠拷; 婵☆垪鍓濆姗€宕鍏煎€甸柡鍫濈Т婵拷; 婵☆垪鍓濆姗€鏌呴埀顒€鈻庨幑鎰靛殯闁哄嫸鎷�

婵☆垪鍓濆姗€宕ｉ幋婵堫伌: 濠碘€冲€风紞宥夊矗閹存繄顏存俊顖楀墲濠拷; 閻庡厜鍓濋悧鎶藉矗婵犲啫鑵归柤鑺ュ姈閻栵綁宕欓敓锟�; UB闁圭粯鍔楅獮鍥╂嫚鐎涙ɑ顫�

闁艰鲸姊婚柈瀵糕偓骞垮灪濠€锟�: 閻庡箍鍨哄﹢鍢燪; 闁告梻濮风紞澶岀博濞嗗孩鍞夋繛缈犺兌閸忥拷; 缂備焦鐟﹂崹婊勭椤掍礁绲圭€点倝缂氶锟�

©2017 www.mb5u.com婵☆垪鍓濆姗€寮悩鎻掓寘

闁衡偓閹増顥�&闁告帒妫旈棅锟�

QQ缂佸本妞藉Λ锟�闁哄倻澧楀顔碱嚗椤旂厧瑙�闁煎灚宕橀鍡楊嚗椤旂厧瑙�濞存粏妗ㄥЧ澶岀磾閿燂拷鐎殿喒鍋撻煫鍥у暟缂嶏拷闁谎勫劤鐎规娊骞栧⿰鍡橆棏濠㈣泛绉撮崺妤冪磾閹存繃绲�闁哄洦娼欓ˇ锟�...