关于span标签的 onmouseover 怪问题


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

11 个解决方案

#1


没人遇到过?

#2


给的代码太少了,估计看看是不是冒泡了。检查一下。

#3


冒泡?能不能说的详细一点?

#4


点击后你做了什么事情。贴出代码才能证明。

#5


页面代码是这样的

 <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";
                }
            } 
        }

#6


引用 4 楼  的回复:
点击后你做了什么事情。贴出代码才能证明。

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

#7


激发了啊。你用什么浏览器测的。

#8


测试了。。没遇到

#9


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

#10


引用 7 楼  的回复:
激发了啊。你用什么浏览器测的。

用的是ie8
我这边点击过之后 鼠标再放上去就没反应了

#11


页面上还有其它js文件的引用,我把他们删掉就没事了
郁闷搞了一个多小时
谢谢大家!
智能推荐

注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
© 2014-2019 ITdaan.com 粤ICP备14056181号  

赞助商广告