炫彩变色菜单代码-电脑软硬件应用网-国内最受关注的计算机应用解决中心

<html> <head> <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='#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" content="text/html; charset=gb2312"> <title>网页特效</title> </head> <body>  <table class="xmenu" id="xmenu0" width="500" cellpadding="1" cellspacing="4" border="0" bgcolor="#00000" align="center"> <tr> <td>网页特效</td> <td>插件下载</td> <td>网络学院</td> <td>下载基地</td> <td>网站联盟</td> <td>网站建设</td> </tr> </table> <script>attachXMenu(xmenu0); //在上面这个table结束的地方执行事件动作的绑定, 这里的这个xmenu0就是那个table的id</script> </body> </html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

最新热点		最新推荐		相关
				类似QQ的菜单，刷新时记住当… 图片轮显效果大全特酷的倒影时钟代码 js代码显示公历和农历禁止网页页面刷新的特效代码推荐几个入门级的JS特效代码 javascript实现仿新浪信息提… 自动记录网站更新日期点击消失的漂浮广告图片左右两边浮动广告特效代码