<span class="menu" id="menu2" onmouseover="show(2);">生产工艺</span> 
页面上这样写的如果不点击 一直是mouseover 或者mouseout 可以实现效果
 
但是如果在span标签上点击一下 然后鼠标再移上去 好像就没有效果了
不知道有没有人遇到过?

解决方案 »

  1.   

    页面代码是这样的
     <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";
                    }
                } 
            }
      

  2.   

    我这里面没有对点击事件处理,现在是鼠标放上去页面上有些地方样式变化
    如果不点击,mouseover事件正常,但是一旦点击 鼠标悬停事件就不激发了
      

  3.   

    点击过之后还能激发 mouseover?????????