网页特效代码
建站首页
|
广告代码
|
源码下载
|
站长学院
|
收藏本站
|
设为首页
|
联系我们
网站首页
菜单导航
日期时间
背景图像
图层样式
鼠标键盘
页面窗口
色彩表格
链接文字
表单按钮
计数转换
游戏娱乐
综合实例
特效
热门搜索:
特效代码
js脚本
导航菜单
热点推荐
钻石
女性网
生意
站长必备软件
我们是致力收藏最实用的网页特效代码!
您的位置:
网页特效
->
菜单导航
-> XP菜单网页特效 - 网页特效代码
XP菜单网页特效 - 网页特效代码
作者:XP菜单网页特效 - 网页特效代码 发布时间:2007-12-28 15:02:49 发布人: 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/20090409001311/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/20090409001311/http://www.alixixi.com'">LeX <tr> <td>Rus <tr> <td>!!! </tr></table> <script>attachXMenu(xmenu1);</script> <a href="http://web.archive.org/web/20090409001311/http://myjs.jz123.cn/">欢迎访问中国建站之家网页特效集</a>
XP菜单网页特效 - 网页特效代码
将本文收藏到QQ书签与更多好友分享
上一篇:文章:
固定在右下角的时钟 - 网页特效代码
下一篇:文章:
显示隐藏的导航菜单 - 网页特效代码
本类浏览排行 »
多层下拉菜单 - 网页特效代码
页面顶部菜单 - 网页特效代码
添加收藏,将网页添加到浏览器收藏夹里
将网页设为浏览器首页或起始页或默认页
俄罗斯方块
显示隐藏的导航菜单 - 网页特效代码
XP菜单网页特效 - 网页特效代码
广告脚本 - 网页特效代码
本站推荐文章 »
炫彩变色菜单
一个非常漂亮的loading效果网页代码
IE按钮网页特效代码
用js加亮指定的文章内容关键字网页特效代..
一个很酷的登陆效果
动态表格(PowerTable)网页特效代码
CSS 制作的三级菜单特效代码
CSS控制页面展开和关闭