论坛首页 Web前端技术论坛

一个用CSS实现隔行变色的技术

浏览 16298 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (1) :: 隐藏帖 (5)
作者 正文
   发表时间:2010-02-02  
楼主第一段代码好恶
0 请登录后投票
   发表时间:2010-02-02   最后修改:2010-02-02
bluemeteor 写道
JQuery的话也很简单

1.
通过定义俩个class来实现
$("tr:even").addClass("even-row");
$("tr:odd").addClass("odd-row");

2.
或者一行代码
$("tr").each(function(i){this.style.backgroundColor['#ccc','#fff'][i%2]})    


这样做也不好的,这个是需要页面onload之后,才会去加样式。如果网速慢的话,开始页面是没样式的。。卡了一会才加上样式。之前用这种方式实现,后面还是改成java判断添加class。
0 请登录后投票
   发表时间:2010-02-03   最后修改:2010-02-03
wucc1986 写道
bluemeteor 写道
JQuery的话也很简单

1.
通过定义俩个class来实现
$("tr:even").addClass("even-row");
$("tr:odd").addClass("odd-row");

2.
或者一行代码
$("tr").each(function(i){this.style.backgroundColor['#ccc','#fff'][i%2]})    


这样做也不好的,这个是需要页面onload之后,才会去加样式。如果网速慢的话,开始页面是没样式的。。卡了一会才加上样式。之前用这种方式实现,后面还是改成java判断添加class。


我就搞不懂了,都什么年代了,还有人喜欢在jsp里加上恶心的不协调的java代码,不知道有el表达式这个东西的吗?不知道使用框架扩展标签或者自定义标签的吗?
0 请登录后投票
   发表时间:2010-02-04  
css的expression 就只有在页面中图片超出指定尺寸控制时用过 感觉不是很灵活
0 请登录后投票
   发表时间:2010-02-04  
这种我都在后台处理好
0 请登录后投票
   发表时间:2010-02-04  
expression
这个在复杂页面,ie6下很容易崩溃的
0 请登录后投票
   发表时间:2010-02-04  
不建议在css中使用表达式!!
0 请登录后投票
   发表时间:2010-02-04  
针对楼主认为网速慢而需要在Java生成html页面时即生成对应class字符串,其实大可不必;如果页面未加载完,渲染也就未开始,隔行变色的效果也不会出现。
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics