网页导航,JS代码问题。
这是最前面的JS代码<script>//初始化vardef="1";functionmover(object){//主菜单varmm=document.getElemen...
这是最前面的JS代码
<script>
//初始化
var def="1";
function mover(object){
//主菜单
var mm=document.getElementById("m_"+object);
mm.className="m_li_a";
//初始主菜单先隐藏效果
if(def!=0){
var mdef=document.getElementById("m_"+def);
mdef.className="m_li";
}
//子菜单
var ss=document.getElementById("s_"+object);
ss.style.display="block";
//初始子菜单先隐藏效果
if(def!=0){
var sdef=document.getElementById("s_"+def);
sdef.style.display="none";
}
}
function mout(object){
//主菜单
var mm=document.getElementById("m_"+object);
mm.className="m_li";
//初始主菜单还原效果
if(def!=0){
var mdef=document.getElementById("m_"+def);
mdef.className="m_li_a";
}
//子菜单
var ss=document.getElementById("s_"+object);
ss.style.display="none";
//初始子菜单还原效果
if(def!=0){
var sdef=document.getElementById("s_"+def);
sdef.style.display="block";
}
}
</script>
这是HTML:
<ul>
<li id="m_1" class='m_li_a'><a href="#"><img src="images/1_03.gif" width="155" height="80" onmouseover="this.src='images/11_03.gif'"
onmouseout="this.src='images/1_03.gif'"/></a></li>
<li id="m_2" class='m_li' onmouseover='mover(2);' onmouseout='mout(2);'><a href="#"><img src="images/1_05.gif" width="155" height="80"
onmouseover="this.src='images/11_05.gif'"
onmouseout="this.src='images/1_05.gif'"
/></a></li>
</ul>
下面的:
<ul class="smenu" id="menuid">
<li id="s_1" class='s_li_a'>
1111111111111111111111111111111111</li>
<li id="s_2" class='s_li' onmouseover='mover(2);' onmouseout='mout(2);'>222222222222222222222222222</li>
<li id="s_3" class='s_li' onmouseover='mover(3);' onmouseout='mout(3);'>
3333333333333333333333333333333333</li>
<li id="s_4" class='s_li' onmouseover='mover(4);' onmouseout='mout(4);'>44444444444444444444444444444444</li>
<li id="s_5" class='s_li' onmouseover='mover(5);' onmouseout='mout(5);'>“
55555555555555555555</li>
</ul>
这个导航的效果是鼠标移动到哪个,下面就会有解释文字。
以上代码没问题。
但我现在想改一下。
因为刷新网站以后,看到的第一个解释文字是第一个导航的。
鼠标移动到任意导航。再移走。他会弹回到第一个导航。
我现在就想。进入网站后。解释文字不是上面任意一个导航的解释文字:
而是。欢迎光临本站。
移动到第1.2.3.4.5个导航。他就对应有解释问题。然后移走呢。就谈回
“欢迎光临本站”这样的。
不知道说的明白不。呵呵。不怎么好解释。
帮我这个忙。我所有分都是你的。谢谢! 展开
<script>
//初始化
var def="1";
function mover(object){
//主菜单
var mm=document.getElementById("m_"+object);
mm.className="m_li_a";
//初始主菜单先隐藏效果
if(def!=0){
var mdef=document.getElementById("m_"+def);
mdef.className="m_li";
}
//子菜单
var ss=document.getElementById("s_"+object);
ss.style.display="block";
//初始子菜单先隐藏效果
if(def!=0){
var sdef=document.getElementById("s_"+def);
sdef.style.display="none";
}
}
function mout(object){
//主菜单
var mm=document.getElementById("m_"+object);
mm.className="m_li";
//初始主菜单还原效果
if(def!=0){
var mdef=document.getElementById("m_"+def);
mdef.className="m_li_a";
}
//子菜单
var ss=document.getElementById("s_"+object);
ss.style.display="none";
//初始子菜单还原效果
if(def!=0){
var sdef=document.getElementById("s_"+def);
sdef.style.display="block";
}
}
</script>
这是HTML:
<ul>
<li id="m_1" class='m_li_a'><a href="#"><img src="images/1_03.gif" width="155" height="80" onmouseover="this.src='images/11_03.gif'"
onmouseout="this.src='images/1_03.gif'"/></a></li>
<li id="m_2" class='m_li' onmouseover='mover(2);' onmouseout='mout(2);'><a href="#"><img src="images/1_05.gif" width="155" height="80"
onmouseover="this.src='images/11_05.gif'"
onmouseout="this.src='images/1_05.gif'"
/></a></li>
</ul>
下面的:
<ul class="smenu" id="menuid">
<li id="s_1" class='s_li_a'>
1111111111111111111111111111111111</li>
<li id="s_2" class='s_li' onmouseover='mover(2);' onmouseout='mout(2);'>222222222222222222222222222</li>
<li id="s_3" class='s_li' onmouseover='mover(3);' onmouseout='mout(3);'>
3333333333333333333333333333333333</li>
<li id="s_4" class='s_li' onmouseover='mover(4);' onmouseout='mout(4);'>44444444444444444444444444444444</li>
<li id="s_5" class='s_li' onmouseover='mover(5);' onmouseout='mout(5);'>“
55555555555555555555</li>
</ul>
这个导航的效果是鼠标移动到哪个,下面就会有解释文字。
以上代码没问题。
但我现在想改一下。
因为刷新网站以后,看到的第一个解释文字是第一个导航的。
鼠标移动到任意导航。再移走。他会弹回到第一个导航。
我现在就想。进入网站后。解释文字不是上面任意一个导航的解释文字:
而是。欢迎光临本站。
移动到第1.2.3.4.5个导航。他就对应有解释问题。然后移走呢。就谈回
“欢迎光临本站”这样的。
不知道说的明白不。呵呵。不怎么好解释。
帮我这个忙。我所有分都是你的。谢谢! 展开
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询