js 表格隔行颜色
通过判断是否为单数即可
然后设置下行的背景颜色就可以了
if(i%2==1) row.style.background = "#CCCCff";
else row.style.background = "#CCCCCC";
相关推荐
-
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小功能(列表页面隔行变色)简单实现
效果: 代码: 复制代码 代码如下: <head runat="server"> <title></title> <script type="text/javascript"> window.onload = function () { var otab = document.getElementById('tab1'); var thiscolor
-
li隔行换色改进版
ghhs("nav01","li"); // 鼠标经过时变色 ghhs("nav02","li","no"); // 只隔行换色 ghhs("nav03","li","onclick"); // 鼠标点击当前标记变色 隔行换色 - www.jb51.net 我们 // 返回Id.Tag function Pid(id,tag){ if(!tag
-
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实现简洁(隔行换色、高亮显示)表格特效
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
-
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控制表格隔行变色
<table width="800" border="0" cellpadding="0" cellspacing="0"> <tr> <td>不变色</td> </tr> <tbody id="goaler"> <tr> <td>xxxxxxxx</td
-
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取模(求余数)隔行变色
复制代码 代码如下: <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"
-
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
随机推荐
- 使用PHP生成二维码的两种方法(带logo图像)
- Mysql存储过程循环内嵌套使用游标示例代码
- jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
- jquery动态遍历Json对象的属性和值的方法
- Photoshop使照片为若隐若现效果
- php解决和避免form表单重复提交的几种方法
- Python实现SMTP发送邮件详细教程
- Python中处理字符串之islower()方法的使用简介
- Python和Ruby中each循环引用变量问题(一个隐秘BUG?)
- div的dispaly:inline样式 和span的区别
- bc1998录制的css视频教程推荐新手看下
- Android实现3种侧滑效果(仿qq侧滑、抽屉侧滑、普通侧滑)
- 如何识别上传前检测的图像是有效的方法
- Android使用Dialog风格弹出框的Activity
- Android编程实现仿易信精美弹出框效果【附demo源码下载】
- yii实现级联下拉菜单的方法
- 基于CI框架的微信网页授权库示例
- android中Context深入详解
- 用易语言开发Linux程序的方法
- python 在某.py文件中调用其他.py内的函数的方法