zoukankan      html  css  js  c++  java
  • JS 隔行变色

     <script type="text/javascript">  
        window.onload=function(){     
           var oUl=document.getElementById('ul1');     
           var aLi=oUl.getElementsByTagName('li');      
           for(var i=0; i< aLi .length; i++)  {       
               if(i%2==0)  //取模 求余数          
            {   
                aLi[i].style.background='red';  
              
            }    
            }  
        }  
        </script>  
        <ul id="ul1">  
          <li>webtall</li>  
          <li>webtall</li>  
          <li>webtall</li>  
          <li>webtall</li>  
          <li>webtall</li>  

        </ul>









    <head runat="server">
        <title></title>
        <script type="text/javascript">
            window.onload = function () {
                var otab = document.getElementById('tab1');
                var thiscolor = '';
                for (var i = 0; i < otab.tBodies[0].rows.length; i++) {
                    otab.tBodies[0].rows[i].onmouseover = function () {
                        thiscolor = this.style.background;
                        this.style.background = '#00FFFF';
                    };
                    otab.tBodies[0].rows[i].onmouseout = function () {
                        this.style.background = thiscolor;
                    };
                    if (i % 2) {
                        otab.tBodies[0].rows[i].style.background = '';
                    }
                    else {
                        otab.tBodies[0].rows[i].style.background = '#FFFF00';
                    }
                }
            };
        </script>

  • 相关阅读:
    状态模式
    适配器模式
    观察者模式
    浮点数在内存中的存储方式
    建造者模式
    外观模式
    模版方法模式
    原型模式
    Python 学习笔记6 变量-元组
    Python 学习笔记5 变量-列表
  • 原文地址:https://www.cnblogs.com/baobeiqi-e/p/9884842.html
Copyright © 2011-2022 走看看