chenlxhf 2015-11-13 04:17 采纳率: 66.7%
浏览 1633
已采纳

菜鸟求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 01:20
    关注

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)
编辑
预览

报告相同问题?

悬赏问题

  • ¥15 VAE代码如何画混淆矩阵
  • ¥15 求遗传算法GAMS代码
  • ¥15 雄安新区高光谱数据集的下载网址打不开
  • ¥66 android运行时native和graphics内存详细信息获取
  • ¥100 求一个c#通过CH341读取数据的Demo,能够读取指定地址值的功能
  • ¥15 rk3566 Android11 USB摄像头 微信
  • ¥15 torch框架下的强化学习DQN训练奖励值浮动过低,希望指导如何调整
  • ¥35 西门子博图v16安装密钥提示CryptAcquireContext MS_DEF_PROV Error of containger opening
  • ¥15 mes系统扫码追溯功能
  • ¥40 selenium访问信用中国
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部