<span class="menu" id="menu2" onmouseover="show(2);">生产工艺</span>
页面上这样写的如果不点击 一直是mouseover 或者mouseout 可以实现效果
但是如果在span标签上点击一下 然后鼠标再移上去 好像就没有效果了
不知道有没有人遇到过?
页面上这样写的如果不点击 一直是mouseover 或者mouseout 可以实现效果
但是如果在span标签上点击一下 然后鼠标再移上去 好像就没有效果了
不知道有没有人遇到过?
<div class="proMenu">
<span class="currentMenu" id="menu1" onclick="show(1);" onmouseover="show(1);">产品特点</span>
<span class="menu" id="menu2" onmouseover="show(2);">生产工艺</span>
<span class="menu" id="menu3" onmouseover="show(3);">产品参数</span>
<span class="menu" id="menu4" onmouseover="show(4);">特别介绍</span>
<span id="menu5" class="menu" onmouseover="show(5);">温馨提示</span>
</div>
<div class="proIntroduce">
<span id="introduce1" style=" display:block"><asp:Literal ID="LiteralCharacter" runat="server"></asp:Literal></span>
<span id="introduce2"><asp:Literal ID="LiteralArt" runat="server"></asp:Literal></span>
<span id="introduce3"><asp:Literal ID="LiteralPara" runat="server"></asp:Literal></span>
<span id="introduce4"><asp:Literal ID="LiteralIntro" runat="server"></asp:Literal></span>
<span id="introduce5"><asp:Literal ID="LiteralTip" runat="server"></asp:Literal></span>
</div> function show(id){
alert("鼠标悬停");
for(var i=1;i<6;i++){
if(i==id){
document.getElementById("menu"+i).className="currentMenu";
}else{
document.getElementById("menu"+i).className="menu";
}
}
for(var i=1;i<6;i++){
if(i==id){
document.getElementById("introduce"+i).style.display="block";
}else{
document.getElementById("introduce"+i).style.display="none";
}
}
}
如果不点击,mouseover事件正常,但是一旦点击 鼠标悬停事件就不激发了