我写了一段代码,实现菜单,但目前进入完某个菜单项后又重新回到了第一个菜单项,怎么能进入一个菜单项页面后,这个菜单项能锁定不动呢,比如:鼠标移到“报修”点“巡检”菜单下的“巡检设备确认”进入页面后,菜单项又回到了“报修”初始菜单项,怎么能锁定在“巡检’项呢。请帮我看看代码呗
<script language="javascript">
function qiehuan(num){
for(var id = 0;id<=9;id++)
{
if(id==num)
{
document.getElementById("qh_con"+id).style.display="block";
document.getElementById("mynav"+id).className="nav_on";
}
else
{
document.getElementById("qh_con"+id).style.display="none";
document.getElementById("mynav"+id).className="";
}
}
}
</script>
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="980" >
<div id=menu_out>
<div id=menu_in>
<div id=menu>
<UL id=nav>
<LI><img src="../images/logo.gif" width="200" height="35" /> </LI>
<LI><A class=nav_on id=mynav0 onmouseover=javascript:qiehuan(0) href="http:#"><SPAN>报修</SPAN></A></LI>
<LI class="menu_line"></LI><li><a href="#" onmouseover="javascript:qiehuan(1)" id="mynav1" class="nav_off"><span>巡检
</span></a></li>
<li class="menu_line"></li><li><a href="#" onmouseover="javascript:qiehuan(2)" id="mynav2" class="nav_off"><span>跟踪
</span></a></li></UL><div id=menu_con><div id=qh_con0 style="DISPLAY: block"><UL>
<LI><a href="../sbwhxt/sbbx_web_lr.jsp"><span>设备报修</span></A></LI><LI class=menu_line2></LI>
<LI><a href="../sbwhxt/sbbx_web_bgcx.jsp"><span>报修变更</span></A></LI><LI class=menu_line2></LI>
<LI><A href="../sbwhxt/sbbx_web_sh.jsp"><SPAN>报修确认</SPAN></A></LI><LI class=menu_line2></LI>
<LI><A href="../sbwhxt/sbbx_web_jg.jsp"><SPAN>报修结果录入</SPAN></A></LI><LI class=menu_line2></LI>
<LI><A href="../sbwhxt/sbbx_web_fk.jsp"><SPAN>反馈意见录入</SPAN></A></LI><LI class=menu_line2></LI>
</UL></div>
<div id=qh_con1 style="DISPLAY: none"><UL>
<LI><a href="../sbwhxt/sbxj_web_qr.jsp"><span>巡检设备确认</span></A></LI><LI class=menu_line2></LI>
<LI><a href="../sbwhxt/sbxj_web_lr.jsp"><span>巡检结果录入</span></A></LI><LI class=menu_line2></LI>
<LI><A href="../sbwhxt/sbxj_web_xgtj.jsp"><SPAN>巡检结果修改</SPAN></A></LI>
</UL></div>
<div id=qh_con2 style="DISPLAY: none"><UL>
<LI><A href="../sbwhxt/sbbx_web_cxtj.jsp"><SPAN>维修情况跟踪</SPAN></A></LI><LI class=menu_line2></LI>
<LI><A href="../sbwhxt/sbxj_web_cxtj.jsp"><SPAN>巡检情况跟踪</SPAN></A></LI><LI class=menu_line2></LI>
</UL></div>
</div></div></div></div>
</div>
</td>
</tr>
</table>
<script language="javascript">
function qiehuan(num){
for(var id = 0;id<=9;id++)
{
if(id==num)
{
document.getElementById("qh_con"+id).style.display="block";
document.getElementById("mynav"+id).className="nav_on";
}
else
{
document.getElementById("qh_con"+id).style.display="none";
document.getElementById("mynav"+id).className="";
}
}
}
</script>
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="980" >
<div id=menu_out>
<div id=menu_in>
<div id=menu>
<UL id=nav>
<LI><img src="../images/logo.gif" width="200" height="35" /> </LI>
<LI><A class=nav_on id=mynav0 onmouseover=javascript:qiehuan(0) href="http:#"><SPAN>报修</SPAN></A></LI>
<LI class="menu_line"></LI><li><a href="#" onmouseover="javascript:qiehuan(1)" id="mynav1" class="nav_off"><span>巡检
</span></a></li>
<li class="menu_line"></li><li><a href="#" onmouseover="javascript:qiehuan(2)" id="mynav2" class="nav_off"><span>跟踪
</span></a></li></UL><div id=menu_con><div id=qh_con0 style="DISPLAY: block"><UL>
<LI><a href="../sbwhxt/sbbx_web_lr.jsp"><span>设备报修</span></A></LI><LI class=menu_line2></LI>
<LI><a href="../sbwhxt/sbbx_web_bgcx.jsp"><span>报修变更</span></A></LI><LI class=menu_line2></LI>
<LI><A href="../sbwhxt/sbbx_web_sh.jsp"><SPAN>报修确认</SPAN></A></LI><LI class=menu_line2></LI>
<LI><A href="../sbwhxt/sbbx_web_jg.jsp"><SPAN>报修结果录入</SPAN></A></LI><LI class=menu_line2></LI>
<LI><A href="../sbwhxt/sbbx_web_fk.jsp"><SPAN>反馈意见录入</SPAN></A></LI><LI class=menu_line2></LI>
</UL></div>
<div id=qh_con1 style="DISPLAY: none"><UL>
<LI><a href="../sbwhxt/sbxj_web_qr.jsp"><span>巡检设备确认</span></A></LI><LI class=menu_line2></LI>
<LI><a href="../sbwhxt/sbxj_web_lr.jsp"><span>巡检结果录入</span></A></LI><LI class=menu_line2></LI>
<LI><A href="../sbwhxt/sbxj_web_xgtj.jsp"><SPAN>巡检结果修改</SPAN></A></LI>
</UL></div>
<div id=qh_con2 style="DISPLAY: none"><UL>
<LI><A href="../sbwhxt/sbbx_web_cxtj.jsp"><SPAN>维修情况跟踪</SPAN></A></LI><LI class=menu_line2></LI>
<LI><A href="../sbwhxt/sbxj_web_cxtj.jsp"><SPAN>巡检情况跟踪</SPAN></A></LI><LI class=menu_line2></LI>
</UL></div>
</div></div></div></div>
</div>
</td>
</tr>
</table>
解决方案 »
- 关于jquery多个bind事件的处理
- js 弹出 div 可拖拽
- 关于div内图片遮罩
- 首页加载div层弹出窗口的问题
- 在ASP环境下,怎样在JAVA脚本中读取数据库的记录?----急!
- 安全设置为中低的情况都不能用CreateObject?
- 我本来设成onclick触发,可以我发现回车也可以触发,我用什么方法去掉回车触发,而不改变回车进入下一文本框?
- 急!有关frames和层的问题
- 请问怎样检测 <td id="idName"><img name="imgName" src="xxx.jpg"></td>
- js实现音频压缩与解压缩
- 请求高手求解help
- 有完整的 官方的html dom帮助吗?
<A class=nav_on id=mynav0 onmouseover=javascript:qiehuan(0) href="http:#">换成click的事件
<A class=nav_on id=mynav0 onclick=javascript:qiehuan(0) href="http:#">