首页前端开发CSScss expression 隔行换色

css expression 隔行换色

时间2024-02-09 05:57:03发布访客分类CSS浏览672
导读:收集整理的这篇文章主要介绍了css expression 隔行换色,觉得挺不错的,现在分享给大家,也给大家做个参考。 css实现的,用exPression但在实际中部建议使用,占用资源而...
收集整理的这篇文章主要介绍了css expression 隔行换色,觉得挺不错的,现在分享给大家,也给大家做个参考。 css实现的,用exPression但在实际中部建议使用,占用资源而且firefox浏览器不支持
.db tr{ background-color:exPRession('#000000,#333333,#555555,#777777,#999999,#bbbbbb,#dddddd,#ffffff'.splIT(',')[rowIndex%8]); }
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;

@H_588_126@ [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
就两颜色的时候可以改这这样
style>
.db tr{
background-color:expression('#abcdef,#123456'.split(',')[rowIndex%2]);
}
/style>

.db { border-collapse:collapse; } .db tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); }
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
如果真想用,可以用下面的jS写的
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;
& nbsp;

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行] 您可能感兴趣的文章:
  • Js 实现表格隔行换色一例
  • 表格 隔行换色升级版
  • jQuery 隔行换色 支持键盘上下键,按Enter选定值
  • li隔行换色改进版
  • li隔行换色效果代码升级版
  • CSS2实现的隔行换色
  • javascript 隔行换色函数代码

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: css expression 隔行换色
本文地址: https://pptw.com/jishu/606529.html
CSS教程之css选择器 、属性、值 提高CSS网页渲染效率的11点注意事项

游客 回复需填写必要信息