THANK YOU!:heart: HTML: //导航图片颜色变淡开始 <!-- nereidFadeObjects = new Object(); nereidFadeTimers = new Object(); function nereidFade(object, destOp, rate, delta){ if (!document.all) return if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); return; } clearTimeout(nereidFadeTimers[object.sourceIndex]); diff = destOp-object.filters.alpha.opacity; direction = 1; if (object.filters.alpha.opacity > destOp){ direction = -1; } delta=Math.min(direction*diff,delta); object.filters.alpha.opacity+=direction*delta; if (object.filters.alpha.opacity != destOp){ nereidFadeObjects[object.sourceIndex]=object; nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); } } //导航图片颜色变淡结束 //导航子菜单开始 function ck(n) { nav_2_1.innerHTML=document.all('test'+n).innerHTML; } //--> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); //--> //导航子菜单结束
页面上的相应代码 代码: <span id="test2" style="display: none"><div align="center" id="nav_list"><A class="nav_list1" href="01/jianjie.html">学院简介</A> | <A class="nav_list1" href="01/lingdao.html">学院领导</A> | <A class="nav_list1" href="01/jiaoshou.html">教授风采</A> | <A class="nav_list1" href="01/zhuanye.html">专业介绍</A> | <A class="nav_list1" href="01/fuzhu.html">教学辅助</A></div></span> <span id="test4" style="display: none"> <div align="right" id="nav_list" style="margin-right:130px;"><A class="nav_list1" href="#">校园采风</A> | <A class="nav_list1" href="tyys/index.html">情感天地</A> | <A class="nav_list1" href="02/jiuye.html">就业信息</A></div></span> <span id="test5" style="display: none"><div align="right" id="nav_list" style="margin-right:15px;"><A class="nav_list1" href="02/yingyu.html">英语学习</A> | <A class="nav_list1" href="02/riyu.html">日语学习</A> | <A class="nav_list1" href="02/shenghuo.html">考试信息</A> | <A class="nav_list1" href="02/chengji.html">成绩查询</A></div></span> <div id="header"> <img src="images/logo.jpg" alt="外国语学院" /> </div> <div id="nav"> <ul> <li><a href="index.html"><img src="images/nav_1.gif" alt="首页" style="FILTER: alpha(opacity=100)" onmouseover="nereidFade(this,50,10,5)" onmouseout="nereidFade(this,100,60,5)" /></a></li> <li><a onmouseover=ck(2) href="01/jianjie.html"><img src="images/nav_2.gif" alt="学院概况" style="FILTER: alpha(opacity=100)" onmouseover="nereidFade(this,50,10,5)" onmouseout="nereidFade(this,100,60,5)" /></a></li> <li><a href="01/zzjg.html"><img src="images/nav_3.gif" alt="组织机构" style="FILTER: alpha(opacity=100)" onmouseover="nereidFade(this,50,10,5)" onmouseout="nereidFade(this,100,60,5)" /></a></li> <li><a onmouseover=ck(4) href="02/xssq.html"><img src="images/nav_4.gif" alt="学生社区" style="FILTER: alpha(opacity=100)" onmouseover="nereidFade(this,50,10,5)" onmouseout="nereidFade(this,100,60,5)" /></a></li> <li><a onmouseover=ck(5) href="02/xxyd.html"><img src="images/nav_5.gif" alt="学习园地" style="FILTER: alpha(opacity=100)" onmouseover="nereidFade(this,50,10,5)" onmouseout="nereidFade(this,100,60,5)" /></a></li> <li><a href="gbook/index.php"><img src="images/nav_6.gif" alt="留言本" style="FILTER: alpha(opacity=100)" onmouseover="nereidFade(this,50,10,5)" onmouseout="nereidFade(this,100,60,5)" /></a></li> </ul> </div>