打印

[求助] 隔行换色的CSS咋写的？？？忘啦

fuguojian1988 [楼主]

天天向网NET

银牌会员

帖子: 782
体力: 1618
威望: 0
当前: 河南商丘
离线: 18 天

专长 网页设计,平面,前端制作

1^# 大中小发表于 2008-6-23 01:52

隔行换色的CSS咋写的？？？偶以前见过，现在早忘啦

大家帮把代码贴出来运行下，谢谢

XHTML--CSS（Web标准）联盟 QQ群：6258367

TOP

做西部数码代理.Cn1元国际45元

cikeaiwanzi

初级会员

帖子: 54
体力: 94
威望: 0
当前: 河北石家庄
离线: 30 天

2^# 大中小发表于 2008-6-23 08:37

文字：color:expression(this.sourceIndex%2 ? '#ff0000':'#000000');
背景：background-color:expression(this.sourceIndex%2 ? '#ff0000':'#000000');

TOP

【美橙超级G空间】688元绑定10个子目录

marvellous

金翅擘海

版主

帖子: 11340
体力: 26476
威望: 140

3^# 大中小发表于 2008-6-23 18:18

提示：您可以先修改部分代码再运行

[ 本帖最后由 marvellous 于 2008-6-23 18:38 编辑 ]

┏┯┓┏┯┓┏┯┓┏┯┓
┠知┨┠往┨┠观┨┠来┨
┗┷┛┗┷┛┗┷┛┗┷┛

TOP

请大家尊重和保护奥运知识产权。

xyxk123456

禁止访问
有效期至 2008-7-2

帖子: 5
体力: 19
威望: 0
当前: 广西南宁
离线: 65 天

4^# 大中小发表于 2008-6-23 19:52

这有用,得收藏先

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

sunnybai

中级会员

帖子: 167
体力: 356
威望: 0
当前: 广东江门
离线: 4 天

5^# 大中小发表于 2008-6-23 22:55

FireFox 3 下无效

TOP

macji

麦鸡

高级会员

帖子: 347
体力: 641
威望: 3
当前: 浙江杭州
离线: 1 天

专长 前端制作,JS,PHP

6^# 大中小发表于 2008-6-23 23:07

对于expression,并不想评论

实实在在
<ul>
<li class="odd">...</li>
<li>...</li>
<li class="odd">...</li>
<li>...</li>
</ul>

UED【小虎】

TOP

jxdawei

大伟

版主

帖子: 1734
体力: 2883
威望: 82
当前: 广东广州

专长 前端制作

7^# 大中小发表于 2008-6-24 00:04

个人比较支持6楼的写法。实在！

F博客

TOP

ZeroZ

中级会员

帖子: 114
体力: 227
威望: 0
当前: 北京朝阳区

专长 Flash,前端制作,项目管理

8^# 大中小发表于 2008-6-24 09:58

还是单独写的好，不然兼容是个大问题。

ZeroZ

TOP

writeidea

鲨鱼

银牌会员

帖子: 479
体力: 1027
威望: 0
当前: 辽宁大连
离线: 1 天

专长 网页设计,前端制作

9^# 大中小发表于 2008-6-24 10:03

三楼的在火狐3下不支持. 俺也支持6楼的做法!

DIV+CSS讨论群:13669844和23629301

TOP

alize

悲剧小黑

高级会员

帖子: 337
体力: 602
威望: 0
当前: 四川成都
离线: 1 天

专长 UI,前端制作,JS

10^# 大中小发表于 2008-6-24 13:24

支持6楼的...首先保证兼容..

郁闷......

TOP

JasonVs

新手上路

帖子: 35
体力: 3
威望: 0
当前: 北京朝阳区
离线: 18 天

11^# 大中小发表于 2008-6-24 13:42

这种用js效果会更好一些吧？

TOP

39088407

新手上路

帖子: 20
体力: 24
威望: 0
离线: 2 天

12^# 大中小发表于 2008-6-24 18:00

<!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="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function bgChange(){
	if(!document.getElementsByTagName) return false;
	var tables = document.getElementsByTagName("table");
	for(var i=0; i<tables.length; i++){
		var odd = false;
		trs = tables[i].getElementsByTagName("tr");
		for(var j=0; j<trs.length; j++){
			if(odd==true){
				trs[j].style.background = "#ccc";
				odd = false;
			}else{
				odd = true;
			}
		}
	}
}
window.onload = bgChange;
</script>
</head>
<body>
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>测试文字</td>
    <td>测试文字</td>
    <td>测试文字</td>
  </tr>
  <tr>
    <td>测试文字</td>
    <td>测试文字</td>
    <td>测试文字</td>
  </tr>
  <tr>
    <td>测试文字</td>
    <td>测试文字</td>
    <td>测试文字</td>
  </tr>
  <tr>
    <td>测试文字</td>
    <td>测试文字</td>
    <td>测试文字</td>
  </tr>
  <tr>
    <td>测试文字</td>
    <td>测试文字</td>
    <td>测试文字</td>
  </tr>
  <tr>
    <td>测试文字</td>
    <td>测试文字</td>
    <td>测试文字</td>
  </tr>
  <tr>
    <td>测试文字</td>
    <td>测试文字</td>
    <td>测试文字</td>
  </tr>
  <tr>
    <td>测试文字</td>
    <td>测试文字</td>
    <td>测试文字</td>
  </tr>
  <tr>
    <td>测试文字</td>
    <td>测试文字</td>
    <td>测试文字</td>
  </tr>
  <tr>
    <td>测试文字</td>
    <td>测试文字</td>
    <td>测试文字</td>
  </tr>
</table>
</body>
</html>

提示：您可以先修改部分代码再运行

背景的话我偷懒了，你定义好类然后给className赋值就好了。

[ 本帖最后由 39088407 于 2008-6-24 18:03 编辑 ]

TOP

Sandyluo

初级会员

帖子: 110
体力: 118
威望: 0
当前: 广东深圳
离线: 1 天

13^# 大中小发表于 2008-6-25 17:18

顶6楼！

安静！

TOP

wyysf

初级会员

帖子: 53
体力: 110
威望: 0
当前: 安徽淮北
离线: 46 天

专长 Flash,前端制作

14^# 大中小发表于 2008-7-10 10:29

恩要是用css 写的话就是6#
我感觉还是css写的容易理解

TOP

ymyang

青花瓷

银牌会员

帖子: 621
体力: 1070
威望: 3
当前: 北京海淀区
离线: 2 天

专长 前端制作,ASP,.NET

15^# 大中小发表于 2008-7-10 10:32

行高固定的话做个上下两色的背景图片填充

webcolor

TOP

lijun198296

风魂

高级会员

帖子: 490
体力: 675
威望: 0
当前: 广东深圳

专长 前端制作,JS,SEO

16^# 大中小发表于 2008-7-10 13:43

6楼的问题就是加程序的时候不大好循环，最好还是用背景解决吧。

TOP

mhzlhehaihua

新手上路

帖子: 18
体力: 42
威望: 0
当前: 浙江杭州
离线: 19 天

17^# 大中小发表于 2008-7-10 14:14

6楼比较标准点

TOP

ragecarrier

正淳

初级会员

帖子: 91
体力: 123
威望: 0
当前: 浙江杭州

专长 前端制作

18^# 大中小发表于 2008-7-10 14:30

我也顶麦鸡的做法

TOP

ship763

闲人763

高级会员

帖子: 467
体力: 774
威望: 0
当前: 广东深圳
离线: 1 天

专长 网页设计,前端制作

19^# 大中小发表于 2008-7-10 15:10

<!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="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
</style>
<script language="javascript"></script>
</head>
<body>
<table width="500" border="0" cellspacing="0" cellpadding="0" id="ejiaA1">
  <tr>
    <td colspan="4"><span class="st1">号码：<span>2460</span>　　当前页：<span>第1页 共2页 </span>　　总次数：<span>66</span>　　总时长：<span>284小时36分27秒</span></span></td>
  </tr>
  <tr>
   <th>接入方式</th><th>上网时间</th><th>下网时间</th><th>上网时长</th>
  </tr>
  <tr>
    <td>宽带接入</td>
    <td>2008-4-23　12:40:18</td>
    <td>2008-4-23　14:50:28</td>
    <td>2小时10分10秒</td>
  </tr>
  <tr>
    <td>宽带接入</td>
    <td>2008-4-23　12:40:18</td>
    <td>2008-4-23　14:50:28</td>
    <td>2小时10分10秒</td>
  </tr>
  <tr>
    <td>宽带接入</td>
    <td>2008-4-23　12:40:18</td>
    <td>2008-4-23　14:50:28</td>
    <td>2小时10分10秒</td>
  </tr>
  <tr>
    <td>宽带接入</td>
    <td>2008-4-23　12:40:18</td>
    <td>2008-4-23　14:50:28</td>
    <td>2小时10分10秒</td>
  </tr>
  <tr>
    <td>宽带接入</td>
    <td>2008-4-23　12:40:18</td>
    <td>2008-4-23　14:50:28</td>
    <td>2小时10分10秒</td>
  </tr>
  <tr>
    <td>宽带接入</td>
    <td>2008-4-23　12:40:18</td>
    <td>2008-4-23　14:50:28</td>
    <td>2小时10分10秒</td>
  </tr>
</table>
  <script language="javascript"></script>
</body>
</html>

提示：您可以先修改部分代码再运行

以前在论坛找到的，，

戒烟戒酒戒情人。。。。

TOP

z3333426

探索

银牌会员

帖子: 4624
体力: 1517
威望: 0
当前: 上海闵行
离线: 1 天

专长 前端制作,.NET,UE

20^# 大中小发表于 2008-7-10 15:31

我一般要不采用JS

要不用背景色解决。

expression 以前用过，消耗资源厉害，
后面不敢用了

找工作中...网页前端开发...

TOP

idsuzhou

尘归

初级会员

帖子: 63
体力: 127
威望: 0
当前: 浙江嘉兴

专长 网页设计,前端制作,JS

21^# 大中小发表于 2008-7-10 23:17

上面的JS可用性还是很高的·

TOP

vdesign

初级会员

帖子: 14
体力: 79
威望: 0
当前: 广东深圳
离线: 1 天

专长 网页设计,JS,ASP

22^# 大中小发表于 2008-7-10 23:36

引用:

原帖由 z3333426 于 2008-7-10 15:31 发表
我一般要不采用JS

要不用背景色解决。

expression 以前用过，消耗资源厉害，
后面不敢用了

同意这位朋友的做法，最好用背景色巧妙解决。

TOP

cmwap

上一届

高级会员

帖子: 398
体力: 656
威望: 6
当前: 江西南昌
离线: 1 天

23^# 大中小发表于 2008-7-14 13:38

???

asp 的怎么弄
<%= rs("email") %>
这种生成数据的隔行换色
用什么方法
CSS 或别的

\\自.娱.自.乐:2008\waproot\self.lsc

TOP

fuguojian1988 [楼主]

天天向网NET

银牌会员

帖子: 782
体力: 1618
威望: 0
当前: 河南商丘
离线: 18 天

专长 网页设计,平面,前端制作

24^# 大中小发表于 2008-7-15 15:07

谢谢啦,大家幸苦啦

XHTML--CSS（Web标准）联盟 QQ群：6258367

TOP

sgz52013

新手上路

帖子: 30
体力: 40
威望: 0
当前: 广东广州
离线: 4 天

25^# 大中小发表于 2008-7-15 15:45

如果行高定了的话，做个背景图片吧，这就不会出现兼容的问题了。

TOP

ivanling

Eval

中级会员

帖子: 105
体力: 221
威望: 1
当前: 广东深圳
离线: 2 天

专长 前端制作,JS,策划

26^# 大中小发表于 2008-7-15 17:17

佩服楼上朋友的做法，绝!

想建站，没有好点子.

TOP

duluohua

月亮上的狗

银牌会员

帖子: 633
体力: 1151
威望: 0
当前: 江苏苏州
离线: 1 天

专长 前端制作,ASP,.NET

27^# 大中小发表于 2008-7-16 10:08

在css里面用expression 一定要主意
以前做的一个后台用了二楼那段代码
后来那个管理人员汇报拖动滚动条的时候cpu占用非常大（我调试的机器配置高没感觉）
查了半天才发现是这个问题
“在Css中调用js 每当页面刷新的时候都要运行一次”
也就是说拖动滚动条的时候那段css一直在重复加载....
不过如果没有滚动条可能问题不大吧....

FLASH 诚征友链

TOP

touzhao

初级会员

帖子: 113
体力: 101
威望: 0
当前: 北京海淀区

专长 前端制作,SEO,网站运营

28^# 大中小发表于 2008-7-16 10:47

取自ZBLOG后台

提示：您可以先修改部分代码再运行

cike.org

TOP

xiaphong

初级会员

帖子: 64
体力: 106
威望: 0
离线: 32 天

专长 前端制作

29^# 大中小发表于 2008-7-16 11:21

严重支持6#的做法。。。。
兼容问题很重要。。

开发web网页

TOP

xiaoyi3038

中级会员

帖子: 135
体力: 203
威望: 0
离线: 5 天

专长 网页设计,.NET,MSSQL

30^# 大中小发表于 2008-7-16 11:28

28楼的方法也不错。6楼是大众法。

G-carton's life

TOP