运算符、流程控制

来源：互联网发布：java 日志输出级别编辑：程序博客网时间：2024/06/05 07:24

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>

效果图

这里写图片描述

阅读全文

1 0