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>

  • 相关阅读:
    Laya中使用Protobuf
    Laya中第三方库的使用
    Laya的骨骼换装
    Laya的粒子效果
    Laya的预设Prefab (预制件)
    Egret EUI Tab + ViewStack
    Egret 划线手势动画 (切水果)
    Egret3.2.6老项目转成5.2.22微信小游戏,遇到exml加载不了问题
    AndroidUI设计 之 图片浏览器
    Android应用的自动更新模块
  • 原文地址:https://www.cnblogs.com/baobeiqi-e/p/9884842.html
Copyright © 2011-2022 走看看