首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
CSS/HTML
正文
css expression 隔行换色
所属分类：
网络编程
/
CSS/HTML
阅读数： 1555
收藏 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需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
推荐深入理解css中的position定位和z-index属性
推荐深入理解css中的position定位和z-index属性
评论 0
收藏 0
赞 0
分享
不错的10个你未必知道的CSS技巧
不错的10个你未必知道的CSS技巧
评论 0
收藏 0
赞 0
分享
一点小小的创意css鼠标放上去则显示电话号码
一点小小的创意css鼠标放上去则显示电话号码
评论 0
收藏 0
赞 0
分享
固定表格的高度超过指定高度就隐藏的方法
固定表格的高度超过指定高度就隐藏的方法
评论 0
收藏 0
赞 0
分享
推荐个Css的filter常用滤波器属性及语句大全
推荐个Css的filter常用滤波器属性及语句大全
评论 0
收藏 0
赞 0
分享
淘宝段正淳的css笔记大全第1/4页
淘宝段正淳的css笔记大全
评论 0
收藏 0
赞 0
分享
CSS实现的一个图片放大展示的一种思路
CSS实现的一个图片放大展示的一种思路
评论 0
收藏 0
赞 0
分享
用css滤镜实现的文字描边效果的代码
用css滤镜实现的文字描边效果的代码
评论 0
收藏 0
赞 0
分享
用css实现的带阴影的表格效果的代码
用css实现的带阴影的表格效果的代码
评论 0
收藏 0
赞 0
分享
又一实用的常用CSS缩写语法收集
又一实用的常用CSS缩写语法收集
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
90后男屌丝如何让淘宝客日赚10万滴
sp项目教程：最新日赚500元教程
新手站长谈谈如何做好广告联盟
816京东免单活动内容、规则 免单攻略
站长必看:让你的网站多一种赚钱方法
网站赚钱这么难吗 你学会了多少？
站长故事
更多
我眼里的2014年中国互联网大会亮点
站长故事之一份月薪1200元的SEO推广工作
小白站长：一次网站被 K 的经历
浅谈：一个草根站长的服装论坛赚钱经验
求伯君：如果时光倒流我不会选择创业
我认识的互联网活化石金山劳模雷军
