当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > css expression 隔行换色

CSS样式表
CSS Sprites 技术分析
csdn 博客的 css样式 v5
CSS 实例实现清除浮动
CSS Sprites 圆角制作教程
关于css @import url()总结
一个非常精典的纯CSS漫画,登峰造极.
css 背景透明 实现代码
css 横排 实现代码
CSS 像素图制作攻略
CSS 实现绝对底部一个完美解决方案
CSS 代码质量提高的10条实用技巧
CSS 扑克牌效果实现代码
margin 负值引起的层级(z-index)问题
关于Firefox下截取后省略号的问题
14个华丽的javascript图表资源和插件
IE img多余5像素空白解决方法
css 不同媒介的显示样式控制方式
打印网页中不打印页面中的某些内容
CSS Sprites 图片整合技术分析
文字超过宽度显示省略号(无js全兼容)

CSS样式表 中的 css expression 隔行换色


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 133 ::
收藏到网摘: n/a

css实现的,用expression但在实际中部建议使用,占用资源而且firefox浏览器不支持
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

就两颜色的时候可以改这这样
<style>
.db tr{
background-color:expression('#abcdef,#123456'.split(',')[rowIndex%2]);
}
</style>
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

如果真想用,可以用下面的js写的
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]