chenlxhf
2015-11-13 12:17
采纳率: 66.7%
浏览 1.6k

菜鸟求js大神帮忙!!为什么我这段js代码只有第一个元素绑定了事件

<script>
        window.onload=function(){
            var oParent=document.getElementById("aa");
            var boxs=oParent.getElementsByClassName("box");
            for(var i=0;i<boxs.length;i++){
                var imgs=boxs[i].getElementsByClassName("img");
                    for(var p=0;p<imgs.length;p++){
                    imgs[p].onmouseover=function(){
                        show();
                    }
                    imgs[p].onmouseout=function(){
                        unshow();
                    }
                }
            }
        }
        function show(){
            var txts=document.getElementsByClassName("txt");
                for(var j=0;j<txts.length;j++){
                    if(j==0){
                        txt[j].style.width=202+"px";
                        txt[j].style.height=202+"px";
                        txt[j].style.display="block";
                        txt[j].style.left=260+"px";
                    }else{
                        if(j%2!=0){
                            if(j<3){
                                txt[j].width=102+"px";
                                txt[j].height=102+"px";
                                txt[j].style.display="block";
                                txt[j].style.left=360+"px";
                            }else{
                                txt[j].width=102+"px";
                                txt[j].height=102+"px";
                                txt[j].style.display="block";
                                txt[j].style.left=360+"px";
                                txt[j].style.top=100+"px";
                            }

                        }else{
                            if(j<4){
                                txt[j].width=102+"px";
                                txt[j].height=102+"px";
                                txt[j].style.display="block";
                                txt[j].style.left=460+"px";
                            }else{//4
                                txt[j].width=102+"px";
                                txt[j].height=102+"px";
                                txt[j].style.display="block";
                                txt[j].style.left=460+"px";
                                txt[j].style.top=100+"px";
                            }
                        }
                        }
                }
        }
        function unshow(){
            var txts=document.getElementsByClassName("txt");
                for(var j=0;j<txts.length;j++){
                    txts[j].style.display="none";
                }
        }
        </script>
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • 纯牛奶121 2015-11-16 09:20
    已采纳

    __因为for先执行出来了p的值,然后下面的事件直接用到p的值,你需要做的事情是在每次onmouseover事件的时候每次执行的都是循环之后的值
    你需要的是每次在做事件的时候把当前的index值存下,于是在你触发滑动事件的时候执行的是你当前存下的下标的那个元素对象了

    点赞 打赏 评论
  • weixin_32769751 2015-11-13 14:56

    className用在html5.个个浏览器好像还不通用吧最好别用

    点赞 打赏 评论
  • havedream_one 2015-11-13 15:45

    试试其他的浏览器,看能不能用,

    点赞 打赏 评论

相关推荐 更多相似问题