近日看了文章《CSS：标准下的隔行换色方法》以后，没有完全理解文章的含义，决定上网搜索答案，结果发现CSS中包含的许多不为我们所知的东西。
一、可以在CSS中添加JAVASCRIPT代码完成样式动态设置。
IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javas cript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式，CSS属性的值等于Javas cript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法。
例如：实现表格的隔行交替色效果；
tr {
background-color:expression((this.sectionRowIndex%2==0)?"#ddeeff":"#ffffff");
}
说明：上述操作只能应用在IE5.5以上浏览器。
二、可以动态切换的滤镜；
我们在Web课程的学习中，已经接触到了一些滤镜的概念，比如：
alpha 透明度
shadow 阴影
wave 波纹效果
blur 移动效果
…………
这些滤镜在DHTML规范中被称为静态滤镜，它们的应用主要是针对图片或文字设置显示效果；
如下面代码：
<head>
<style type="text/css">
.show {
position:absolute;
left=334;
background-color:blue;
font-family: "华文行楷";
font-size: 55px;
color: #FF0000;
filter: Alpha(Opacity=90, style=1) invert;
}
</style>
</head>
<body>
<p class="show">试探渐变</p>
<img src="Photo2.jpg" class="show">
注意：对于文字段落的滤镜设置，需要首先设置绝对定位。再有，滤镜可以累加效果。
除了上述滤镜还有一些能够产生动态切换效果的滤镜；
Barn：开关门切换效果；
Blinds：栅格切换效果；
CheckerBoard：块状切换。
Fade：退色切换。
GradientWipe：渐变切换。
Inset：对角线切换。
Iris：中心开花状切换，具有多种形状。
Pixelate：马赛克状消失。
RadialWipe：雷达状切换（有多种形式）；
RandomBars：随机线条切换；
RandomDissolve：随机点切换；
Slide：滑动块切换；
Spiral：螺旋切换；
Stretch：展开切换
Strips：斜线锯齿状切换；
Wheel：扇形切换；
Zigzag：z字形往复切换；
示例代码：实现Inset：对角线切换。
<SCRIPT>
var bToggle = 0;
function fnToggle() {
oDiv.filters[0].Apply();
// After setting Apply, changes to the oDiv object
// are not displayed until Play is called.
if (bToggle) {
bToggle = 0;
oDiv.style.backgroundColor="gold";}
else {
bToggle = 1;
oDiv.style.backgroundColor="blue";}
oDiv.filters[0].Play(duration=2); // Set duration as a parameter of Play.
}
</SCRIPT>
<BUTTON onclick="fnToggle()">Toggle Transition</BUTTON><BR/><BR/>
<DIV ID="oDiv" STYLE="height:250px; width:250px; background-color: gold;
filter:progid:DXImageTransform.Microsoft.Inset( );">
</DIV>
上述代码只切换了背景颜色，如果需要切换内容（div内的内容），可以使用如下语句：
oDiv.innerHTML=“标记代码” 例如："<input type='button' value='ok'>"
完成颜色和内容的同步切换；