排他算法---应用于轮播图小圆点

原文链接: https://www.mk2048.com/blog/blog.php?id=h0ja1jiibhjb&title=%E6%8E%92%E4%BB%96%E7%AE%97%E6%B3%95---%E5%BA%94%E7%94%A8%E4%BA%8E%E8%BD%AE%E6%92%AD%E5%9B%BE%E5%B0%8F%E5%9C%86%E7%82%B9
//===============排他算法(应用轮播图小圆点)===========
        var opp = document.getElementById("box1").getElementsByTagName("p");

        //for循环为每个小圆点添加监听
        for(var i=0;i<=opp.length;i  ){

            //绑定onmouseover事件
            opp[i].onmouseover=function(){

                //先把所有的小圆点变为灰色
                for(var j=0;j<opp.length;j  ){

                    opp[j].style.backgroundColor="#ccc";

                }
                //再让自己变红
                this.style.backgroundColor="red";
            }
        }

更多专业前端知识,请上 【猿2048】www.mk2048.com

猜你喜欢

转载自blog.csdn.net/mabeizui9231/article/details/102741897
今日推荐