运算符、流程控制

最新推荐文章于 2024-03-22 14:06:08 发布

七彩皮皮丽

最新推荐文章于 2024-03-22 14:06:08 发布

阅读量245

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/xiaorouer888/article/details/73323497

版权

js 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

html部分

<body>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</body>

js部分

<script>

        var s = 3605;           // 秒
        alert( Math.floor(s/60) + '分' + s%60 + '秒'  );

        window.onload = function(){
            var ali = document.getElementsByTagName("li");
            var back = ["yellow","red"];
            var str = "";  

            for(var i=0; i<ali.length; i++){
                ali[i].style.background = back[i%back.length];
                ali[i].index = i;   //方法1：自定义索引值

                ali[i].onmouseover = function(){
                    str = this.style.background;    //方法2：先存储颜色
                    this.style.background = "gray";
                }

                ali[i].onmouseout = function(){
                    this.style.background = back[this.index%back.length];    //方法1：自定义索引值
                    this.style.background = str;    //方法2：先存储颜色
                }
            }

        }
    </script>