Expression在css中最简单的应用(隔行换色)

IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和javascript表达式关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是一段javascript表达式,CSS属性的值等于javascript表达式计算的结果。
 在表达式中可以直接引用元素自身的属性和方法,也可以使用其他浏览器对象。
例:简单实现隔行换色。

tr {
 background-color: expression(this.sectionRowIndex==0?"#FF0000":((this.sectionRowIndex%2==0) ? "#F7F7F7" : "#FFFFFF"));
}


#FF0000是设定表格第一行背景颜色。
#F7F7F7与#FFFFFF是后续几行隔行换色。

Tags:

Leave a Reply