首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
CSS/HTML
正文
css expression 隔行换色
所属分类：
网络编程
/
CSS/HTML
阅读数： 1573
收藏 0
赞 0
分享
css实现的，用expression但在实际中部建议使用，占用资源而且firefox浏览器不支持
<table width="500" border="1" class="db"> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
就两颜色的时候可以改这这样
<style>
.db tr{
background-color:expression('#abcdef,#123456'.split(',')[rowIndex%2]);
}
</style>
<table width="100%" border="1" class="db"> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
如果真想用，可以用下面的js写的
<table id="list" width="300"> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
IE 5.x/Win 和模型bug
IE 5.x/Win 和模型bug
评论 0
收藏 0
赞 0
分享
各浏览器padding、margin的差异
各浏览器padding、margin的差异
评论 0
收藏 0
赞 0
分享
IE浮动边界BUG延伸探讨
IE浮动边界BUG延伸探讨
评论 0
收藏 0
赞 0
分享
[转]目前找到的最好的Iframe自适应高度代码
[转]目前找到的最好的Iframe自适应高度代码
评论 0
收藏 0
赞 0
分享
Web Safe Color Pallette
Web Safe Color Pallette
评论 0
收藏 0
赞 0
分享
网站制作之网页技巧
网站制作之网页技巧
评论 0
收藏 0
赞 0
分享
http状态码一览表
网站的http状态对于网站维护人员来说是相当重要的，当网站出现问题的时候，我们首先要诊断一下网站的http状态，从而进一步确认哪里出现的问题
评论 0
收藏 0
赞 0
分享
从Table向Css过渡的优缺点比较
从Table向Css过渡的优缺点比较
评论 0
收藏 0
赞 0
分享
不用float实现div模块居中布局
不用float实现div模块居中布局
评论 0
收藏 0
赞 0
分享
解决列高度自适应(相同)的五种方法
解决列高度自适应(相同)的五种方法
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
打工妹网购6000多元丰胸产品 无效要求退款时又被骗10万元
代刷信誉不能信，哪些网络兼职值得信赖呢？说说那些可靠的网络兼职
怎么用互联网思维的做餐饮？
潘定国的粉丝经济学的重点：移动互联网核心是以人为本
个人站长经常做的国内广告联盟
六一儿童节微营销秘籍 互动吸粉6大招
站长故事
更多
站长故事：用百度Site App建立起自己的移动端全过程
运用互联网思维的肉夹馍西少爷
站长故事之一份月薪1200元的SEO推广工作
比较适合个人站长的5种类型网站：定位 坚持 收益
为什么知乎做起来了？市场竞争的魅力和价值
暴走漫画运营经理 这就是高级运营与初级运营的区别
