css expression 隔行换色
css实现的,用expression但在实际中部建议使用,占用资源而且firefox浏览器不支持
.db tr{
background-color:expression('#000000,#333333,#555555,#777777,#999999,#bbbbbb,#dddddd,#ffffff'.split(',')[rowIndex%8]);
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
就两颜色的时候可以改这这样
<style>
.db tr{
background-color:expression('#abcdef,#123456'.split(',')[rowIndex%2]);
}
</style>
.db { border-collapse:collapse;}
.db tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); }
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
如果真想用,可以用下面的js写的
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
javascript 隔行换色函数代码
先定义两个关于背景色的样式tag为id对象c1为样式1c2为样式2 复制代码 代码如下: <script> function changeRowsBg(tag,c1,c2) { var i = 0; var obj_tag = document.getElementsByTagName(tag); for(i = 0;i < obj_tag.length ;i++){ (i%2 == 0)? obj_tag(i).className = c1 : obj_tag(i).className
-
表格 隔行换色升级版
昨天弄了个表格隔行换色,但是只是一张表里换 如果一个页面里出现多个表格需要怎么整 捣鼓出新的结果 如下: 复制代码 代码如下: function onloadEvent(func){ var one=window.onload if(typeof window.onload!='function'){ window.onload=func } else{ window.onload=function(){ one(); func(); } } } function showtable(table
-
CSS2实现的隔行换色
利用了CSS2 的 相邻选择符 IE7以下不支持 隔行换色示例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>
-
li隔行换色改进版
ghhs("nav01","li"); // 鼠标经过时变色 ghhs("nav02","li","no"); // 只隔行换色 ghhs("nav03","li","onclick"); // 鼠标点击当前标记变色 隔行换色 - www.jb51.net 我们 // 返回Id.Tag function Pid(id,tag){ if(!tag
-
jQuery 隔行换色 支持键盘上下键,按Enter选定值
复制代码 代码如下: <!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/xhtml"> <head> <meta http-equiv=&qu
-
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 实现表格隔行换色一例
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:
-
css expression 隔行换色
css实现的,用expression但在实际中部建议使用,占用资源而且firefox浏览器不支持 .db tr{ background-color:expression('#000000,#333333,#555555,#777777,#999999,#bbbbbb,#dddddd,#ffffff'.split(',')[rowIndex%8]); } [Ctrl+A 全选 注:如
-
ASP+CSS 实现列表隔行换色
列表隔行换色是指在新闻和文章列表中,前一行和后一行的背景色交替显示,也可称为斑马线,给网页可增色不少.今看到小毅在BI的贴子"标准下隔行换色的思考",采用UL的两行背景重复,虽说方法不错,但LI里的高度只能采用背景中的实际高度,不够灵活,所以用ASP+CSS 写了一个,采用自定义列表. <% set rs=...... sql="......" rs.open sql,con,1,1 %> <dl> <% i=0 do while no
-
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
-
jQuery方法简洁实现隔行换色及toggleClass的使用
今天用一种简洁的方法toggleClass()实现了隔行换色:代码如下: 复制代码 代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>隔行换色</title> <script src="js/jquery-1.4.2.min.js"></script> <style type=&quo
-
jQuery实现table隔行换色和鼠标经过变色的两种方法
一.隔行换色 复制代码 代码如下: $("tr:odd").css("background-color","#eeeeee"); $("tr:even").css("background-color","#ffffff"); 或者一行搞定: 复制代码 代码如下: $("table tr:nth-child(odd)").css("background-col
-
使用JQ完成表格隔行换色的简单实例
1.步骤分析: 第一步:引入jquery的类库 第二步:直接写页面加载函数 第三步:直接使用jquery的选择器(组合选择)拿到需要操作的元素(奇数行和偶数行) 第四步:分别使用CSS的方法(css(name,value))对奇数行和偶数行设置背景颜色. 2.具体代码实现: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用jQuery完成表格隔行换色&
-
怎样在html文档里做隔行换色的多行方法
既然你都知道是隔行换色了,那就隔行换色就是了.方法很多. 最直接的在每一行的<tr>上直接加bgcolor="red". 用css的话就定义行二个颜色的类.在每一行交替使用这个类就是了.如: tr class="trClass1" tr class="trClass2" New Document table{ width:100%; } .t1{ background:#ff6600; color:black; } .t2{ back
-
使用简洁的jQuery方法实现隔行换色功能
今天用一种简洁的方法toggleClass()实现了隔行换色:代码如下: 复制代码 代码如下: <!DOCTYPE HTML><html><head><meta charset="utf-8"> <title>隔行换色</title> <script src="js/jquery-1.4.2.min.js"></script> <style type=&
-
基于Jquery的表格隔行换色,移动换色,点击换色插件
效果图:编写JQUERY插件如下: 复制代码 代码如下: ;(function($) { $.fn.extend({ "alterBgColor":function(options){ //设置默认值 option=$.extend({ odd:"odd", even:"even", selected:"selected" },options); //注意这个options 同上面的function(options)中的opt
随机推荐
- 在Flex(Flash)中嵌入HTML代码或页面(Flex IFrame)
- 微信小程序版的知乎日报开发实例
- Monkey Patch猴子补丁编程方式及其在Ruby中的运用
- Angular2 多级注入器详解及实例
- windows 权限之拒绝运行应用程序
- JavaScript的parseInt 取整使用
- C#、.Net中把字符串(String)格式转换为DateTime类型的三种方法
- webpack构建react多页面应用详解
- js中创建对象的几种方式
- python获取mp3文件信息的方法
- 解析android中的帮助、about、关于作者、HELP等提示页面
- Golang中的int类型和uint类型到底有多大?
- TensorFlow实现模型评估
- Nodejs 和 Electron ubuntu下快速安装过程
- 小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)
- 使用Spring安全表达式控制系统功能访问权限问题
- Android图片采样缩放功能实例代码
- vue2.x集成百度UEditor富文本编辑器的方法
- SpringBoot集成WebSocket【基于纯H5】进行点对点[一对一]和广播[一对多]实时推送
- python实现QQ邮箱/163邮箱的邮件发送