博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS 隔行变色
阅读量:5264 次
发布时间:2019-06-14

本文共 975 字,大约阅读时间需要 3 分钟。

 <script type="text/javascript">  
    window.οnlοad=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>

转载于:https://www.cnblogs.com/baobeiqi-e/p/9884842.html

你可能感兴趣的文章
生成随机数的模板
查看>>
hdu 2093
查看>>
Mysql 数据库操作
查看>>
转:linux终端常用快捷键
查看>>
009.栈实现队列
查看>>
A-Softmax的总结及与L-Softmax的对比——SphereFace
查看>>
关于软件盘覆盖住布局
查看>>
Unity3D 控制物体移动、旋转、缩放
查看>>
UVa 11059 最大乘积
查看>>
UVa 12545 比特变换器
查看>>
数组分割问题求两个子数组的和差值的小
查看>>
10个著名的思想实验1
查看>>
composer 报 zlib_decode(): data error
查看>>
linux下WPS的使用
查看>>
Web Api 利用 cors 实现跨域
查看>>
hdu 3938 并查集
查看>>
instanceof
查看>>
《深入分析Java Web技术内幕》读书笔记之JVM内存管理
查看>>
python之GIL release (I/O open(file) socket time.sleep)
查看>>
2015/8/4 告别飞思卡尔,抛下包袱上路
查看>>