js 表格隔行颜色
通过判断是否为单数即可
然后设置下行的背景颜色就可以了
if(i%2==1) row.style.background = "#CCCCff";
else row.style.background = "#CCCCCC";
相关推荐
-
JS实现简洁(隔行换色、高亮显示)表格特效
JS实现的表格 document.write(' '); var i=0; while(i') } document.write(' '+i+' '); i++; //document.write(' '); } if(i%10==0){ document.write(' '); } document.write(' '); var ys=null; function show(obj){ ys=obj.bgColor; obj.bgColor="red"; } function no
-
jQuery隔行变色与普通JS写法的对比
复制代码 代码如下: <style type="text/css"> body { font-size:12px;text-align:center; } #tbStu { width:260px;border:1px solid #666;background-color:#eee; } #tbStu tr { line-height:23px; } #tbStu tr th { background-color:#ccc;color:#fff; } #tbStu .tr
-
JS小功能(列表页面隔行变色)简单实现
效果: 代码: 复制代码 代码如下: <head runat="server"> <title></title> <script type="text/javascript"> window.onload = function () { var otab = document.getElementById('tab1'); var thiscolor
-
JS控制表格隔行变色
<table width="800" border="0" cellpadding="0" cellspacing="0"> <tr> <td>不变色</td> </tr> <tbody id="goaler"> <tr> <td>xxxxxxxx</td
-
js隔行变色、鼠标划过变色代码
隔行变色且鼠标划过变色的效果 .container ul{margin:0;padding:0;} .container li{cursor:pointer;height:30px;width:200px;background-color:#FFC;line-height:30px;text-indent:1em;font-size:12px;} .container .change{cursor:pointer;height:30px;width:200px;background-color:
-
Js 实现表格隔行换色一例
Js实现表格隔行换色一例 body{ padding:0; margin:0; font:Arial; font-size:12px;} .bf{ padding:0; margin:auto;} .bf table{ text-align:center;line-height:14pt;} .bf th{ width:50px; padding:10px;} .f1{ background:#fff8f0;} .f2{ background:#f0f7ff;} .f3{ background:
-
js取模(求余数)隔行变色
复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>js取模隔行变色</title><script type="text/javascript"
-
li隔行换色改进版
ghhs("nav01","li"); // 鼠标经过时变色 ghhs("nav02","li","no"); // 只隔行换色 ghhs("nav03","li","onclick"); // 鼠标点击当前标记变色 隔行换色 - www.jb51.net 我们 // 返回Id.Tag function Pid(id,tag){ if(!tag
-
li隔行换色效果代码升级版
隔行换色 2 - www.jb51.net 0)?"t1":"t2"; } if(s=="no"){ return; } else if(!s){ for(var i=0;i 1 2 3 4 5 6 7 1 2 3 4 5 6 7 1 2 3 4 5 6 7 1 2 3 4 5 6 7 1 2 3 4 5 6 7 1 2 3 4 5 6 7 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
JS+CSS实现Li列表隔行换色效果的方法
本文实例讲述了JS+CSS实现Li列表隔行换色效果的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xh
随机推荐
- Coldfusion MX广告轮换系统制作教程
- AngularJS入门教程之数据绑定用法示例
- 深入解析Java的Spring框架中bean的依赖注入
- jQuery 顺便学习下CSS选择器 奇偶匹配nth-child(even)
- Vue.js每天必学之计算属性computed与$watch
- Oracle 低权限数据库账户得到 OS 访问权限 提权利用
- 深入解析Python中的list列表及其切片和迭代操作
- 在table中插入多行,能使用与insertAdjacentHTML相似的功能吗?
- php对数组排序的简单实例
- 浅谈Python的Django框架中的缓存控制
- C#实现程序等待延迟执行的方法
- Windows下利用注册表的小技巧
- Java使用条件语句和循环结构确定控制流(实例)
- PHP 判断变量类型实现代码
- python中学习K-Means和图片压缩
- php合并数组并保留键值的实现方法
- VSCode中如何利用d.ts文件进行js智能提示
- Android可自定义垂直循环滚动布局
- vue实现跨域的方法分析
- 如何使用SurfaceView实现鱼儿游动动画