我要做一个 导航条 利用 DIV 和脚本 实现 鼠标滑过 就显示二级子菜单 可是弄了好几个小时 就是搞不定 ,这代码是我COPY别人的 别人都能用 怎么就我用不了呀
这个是脚本
<script language="javascript" type="text/javascript">
function qiehuan(){
for(var id = 0;id<=9;id++)
{
if(id==num)
{
document.getElementById("qh_con"+id).style.display="block";
}
else
{
document.getElementById("qh_con"+id).style.display="none";
}
}
}
</script>
下面是主菜单链接代码
<a href="http://ddd/fun_funv.jhtml?clid=4" onmouseover="javascript:qiehuan(3)">dfdfdf</a>和二级代码
<div id="qh_con3" style="DISPLAY: none">
<table cellspacing="0" cellpadding="0" width="801" border="0">
<tbody>
<tr>
<td width="172">反复反复反复反复反复反复反复反复</td>
<td>为什么会不好使啊 麻烦大家帮帮小弟呀 哭死。。
这个是脚本
<script language="javascript" type="text/javascript">
function qiehuan(){
for(var id = 0;id<=9;id++)
{
if(id==num)
{
document.getElementById("qh_con"+id).style.display="block";
}
else
{
document.getElementById("qh_con"+id).style.display="none";
}
}
}
</script>
下面是主菜单链接代码
<a href="http://ddd/fun_funv.jhtml?clid=4" onmouseover="javascript:qiehuan(3)">dfdfdf</a>和二级代码
<div id="qh_con3" style="DISPLAY: none">
<table cellspacing="0" cellpadding="0" width="801" border="0">
<tbody>
<tr>
<td width="172">反复反复反复反复反复反复反复反复</td>
<td>为什么会不好使啊 麻烦大家帮帮小弟呀 哭死。。
<script language="javascript" type="text/javascript">
function qiehuan(num){
for(var id = 1;id <=4;id++)
{
if(id==num)
{
document.getElementById("qh_con"+id).style.display="block"; }
else
{
document.getElementById("qh_con"+id).style.display="none"; }
}
}
</script><a href="http://ddd/fun_funv.jhtml?clid=1" onmouseover="javascript:qiehuan(1)">dfdfdf111 </a>
<a href="http://ddd/fun_funv.jhtml?clid=2" onmouseover="javascript:qiehuan(2)">dfdfdf222 </a>
<a href="http://ddd/fun_funv.jhtml?clid=3" onmouseover="javascript:qiehuan(3)">dfdfdf333 </a>
<a href="http://ddd/fun_funv.jhtml?clid=4" onmouseover="javascript:qiehuan(4)">dfdfdf444 </a>
<div id="qh_con1" style="DISPLAY: none">
<table cellspacing="0" cellpadding="0" width="801" border="0">
<tr>
<td width="172">11111 </td>
</tr>
</table>
</div>
<div id="qh_con2" style="DISPLAY: none">
<table cellspacing="0" cellpadding="0" width="801" border="0">
<tr>
<td width="172">22222 </td>
</tr>
</table>
</div>
<div id="qh_con3" style="DISPLAY: none">
<table cellspacing="0" cellpadding="0" width="801" border="0">
<tr>
<td width="172">33333 </td>
</tr>
</table>
</div>
<div id="qh_con4" style="DISPLAY: none">
<table cellspacing="0" cellpadding="0" width="801" border="0">
<tr>
<td width="172">44444 </td>
</tr>
</table>
</div>我知道原因了,你id是从0开始的,这样document.getElementById("qh_con"+id)的话
当然取不到 qh_con0 这个的对象了