鼠标经过导航菜单时颜色改变效果

ttx9n · 发表于 2010-7-14 19:40:25

鼠标经过导航菜单的时候，颜色改变，可自定义颜色。

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,jb51.net,sky,www.jb51.net,站长特效 网" /> 
<meta name="description" content="www.jb51.net,脚本之家，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在脚本之家" /> 
<title>非常酷的网页导航菜单，sky整理收集。</title> 
<STYLE> 
 
</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='#3ea936'; //这是鼠标移上去时的背景颜色 
style.border='1px solid #ffffff'; //边框 
style.color='#ffffff'; //文字颜色 
filters[0].play(); 
} 
}//欢迎来到脚本之家，我们的网址是www.jb51.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。 
onmouseout=function(){ 
with(this){ 
filters[0].apply(); 
style.background='#f6f6f6'; //这是鼠标离开时的背景颜色 
style.border='1px solid #ffffff'; //边框 
style.color='#333333'; //文字颜色 
filters[0].play(); 
} 
} 
} 
} 
}//欢迎来到脚本之家，我们的网址是www.jb51.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。 
</script> 
</head> 
<body> 
<a href="https://www.jb51.net/article/<>">脚本之家</a>,站长必备的高质量网页特效和广告代码。jb51.net，站长js特效。<hr> 
 
 
<table border="1" width="778" cellpadding="0" style="border-collapse: collapse" height="30" id="table4" bgcolor=#DBDBDB bordercolor="#DBDBDB" cellspacing="0"> 
<tr> 
<td> 
 
<table class="xmenu" id="xmenu0" border="0" width="776" cellspacing="3" cellpadding="3" height="30" id="table5"> 
<tr> 
<td onclick="window.open('//www.jb51.net', '_blank');">网站首页</td> 
<td onclick="window.open('http://jb51.net/?cat=1', '_blank');">站长特效</td> 
<td onclick="window.open('http://jb51.net/?cat=2', '_blank');">网页特效</td> 
<td onclick="window.open('http://jb51.net/?cat=11', '_blank');">广告代码</td> 
<td onclick="window.open('http://jb51.net/', '_blank');">站内关键词</td> 
<td onclick="window.open('http://jb51.net/', '_blank');">rss订阅</td> 
<td onclick="window.open('http://jb51.net/', '_blank');">留言本</td> 
<td onclick="window.open('http://jb51.net/?cat=2', '_blank');">您自定义</td> 
<td onclick="window.open('http://jb51.net/?cat=2', '_blank');">您自定义</td> 
</tr> 
</table> 
 
</td> 
</tr> 
</table> 
 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

0qfjyf · 发表于 2022-9-9 18:43:26

下载来瞧瞧

gyalp · 发表于 2022-9-17 00:01:43

快更新啊，我擦

cxst1h57 · 发表于 2022-11-14 22:00:48

看到这帖子真是高兴！

Alisaliu · 发表于 2022-12-13 00:16:21

呵呵呵呵呵呵

lsc54 · 发表于 2022-12-17 05:47:05

逛逛看看瞧瞧

dingzhi521 · 发表于 2023-1-13 10:10:25

sdsadsadsadf

回复用户1 · 发表于 2023-2-27 03:54:21

啦啦啦啦啦啦哈哈哈

a75620618 · 发表于 2023-4-4 03:12:01

搞个免费的用用

gc4hg · 发表于 2023-5-30 06:16:56

sdsadsadsadf

账号		自动登录	找回密码
密码			立即注册

[JavaScript] 鼠标经过导航菜单时颜色改变效果

相关帖子