软件开发培训班 >> 编程开发 >> JavaScript

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

　　本文标签：导航菜单,颜色改变

<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> 
">脚本之家,站长必备的高质量网页特效和广告代码 。jb51.net，站长js特效 。<hr> 
 
<div align="center"> 
<table border="1" width="778" cellpadding="0" style="border-collapse: collapse" height="30" id="table4" bgcolor=#DBDBDB bordercolor="#DBDBDB" cellspacing="0"> 
<tr> 
<td> 
<div align="center"> 
<table class="xmenu" id="xmenu0" border="0" width="776" cellspacing="3" cellpadding="3" height="30" id="table5"> 
<tr> 
<td onclick="window.open(http://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><script>attachXMenu(xmenu0); //在上面这个table结束的地方执行事件动作的绑定, 这里的这个xmenu0就是那个table的id</script> 
</div> 
</td> 
</tr> 
</table> 
</div> 
</body> 
</html>

技术文章快速查找

Jquery 返回json数据在IE浏览器中提示下载的问题

JavaScript转换农历类实现及调用方法

Jquery实现无刷新DropDownList联动实现代码

jQuery 表格插件整理

Dom入门教程图解推荐

根据一段代码浅谈Javascript闭包

js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)

ext 同步和异步示例代码

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建