zoukankan      html  css  js  c++  java
  • 取模实例

    今天写一个取模的小实例,将数组中的内容循环写入到 li 中。来看代码:

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

    布局就是一些li,那么想在每个li里循环写如规定的内容,并且点击任何一个加入颜色,看js:

    <script>
        window.onload=function(){
            var aLi=document.getElementsByTagName("li");
            var arrTxt=["咖啡","牛奶","面包","蛋糕"];
            for(var i=0;i<aLi.length;i++){
                aLi[i].innerHTML=arrTxt[i%arrTxt.length];
                aLi[i].onclick=function(){
                    for(var i=0;i<aLi.length;i++){
                        aLi[i].style.background="";
                    }
                    this.style.background="#ffd5d5";
    
                }
            }
    
        }
    
    </script>

    效果图如下:

    这个就是取模的一个最简单的小实例。

  • 相关阅读:
    expandafter
    又回到了kde
    朗读软件
    tex bookmarks
    vim命令执行时间
    vim,tex的编译
    utorrent
    火狐的扩展
    linux 无线指示灯闪
    tex溢出报警
  • 原文地址:https://www.cnblogs.com/web001/p/8024974.html
Copyright © 2011-2022 走看看