网页特效代码
建站首页
|
广告代码
|
源码下载
|
站长学院
|
收藏本站
|
设为首页
|
联系我们
网站首页
菜单导航
日期时间
背景图像
图层样式
鼠标键盘
页面窗口
色彩表格
链接文字
表单按钮
计数转换
游戏娱乐
综合实例
特效
热门搜索:
特效代码
js脚本
导航菜单
热点推荐
儿歌大全
童谣
生意网址大全
美容
我们是致力收藏最实用的网页特效代码!
您的位置:
网页特效
->
菜单导航
-> XP菜单网页特效
XP菜单网页特效
作者:XP菜单网页特效 发布时间:2007-12-12 15:26:47 发布人: admin
<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" cellspacing="4" cellpadding="1" width="500" align="center" bgcolor="#336699" border="0"> <tr> <td>My <td>Name <td>Is <td onclick="location.href='http://web.archive.org/web/20071224052100/http://www.alixixi.com'">LeX <td>Rus <td>!!! </tr></table> <script>attachXMenu(xmenu0); //在上面这个table结束的地方执行事件动作的绑定, 这里的这个xmenu0就是那个table的id</script> <table class="xmenu" id="xmenu1" cellspacing="4" cellpadding="1" width="100" align="center" bgcolor="#336699" border="0"> <tr> <td>My <tr> <td>Name <tr> <td>Is <tr> <td onclick="location.href='http://web.archive.org/web/20071224052100/http://www.alixixi.com'">LeX <tr> <td>Rus <tr> <td>!!! </tr></table> <script>attachXMenu(xmenu1);</script> <a href="http://web.archive.org/web/20071224052100/http://myjs.jz123.cn/">欢迎访问中国建站之家网页特效集</a>
XP菜单网页特效
将本文收藏到QQ书签与更多好友分享
上一篇:文章:
可以拖动的显隐导航菜单
下一篇:文章:
显示隐藏的导航菜单
本类浏览排行 »
又一搜索引擎 - 网页特效代码
自动打印页面 - 网页特效代码
自动显示是否更新 - 网页特效代码
浏览器详细报告 - 网页特效代码
按钮发信(五) - 网页特效代码
按钮发信(三) - 网页特效代码
按钮发信(一) - 网页特效代码
计算器(二) - 网页特效代码
本站推荐文章 »
炫彩变色菜单
一个非常漂亮的loading效果网页代码
IE按钮网页特效代码
用js加亮指定的文章内容关键字网页特效代..
一个很酷的登陆效果
动态表格(PowerTable)网页特效代码
CSS 制作的三级菜单特效代码
CSS控制页面展开和关闭