CSS特效赏析

17、倒计时

下面是一个有趣的例子，请。
　　当您点击显示的红色方块时，以一种随机的revealtrans滤镜样式进入数字倒计时，
当您刷新整个页面后，再点击红色方块时，又会以另一种revealtrans的滤镜样式进入倒计时。怎么样，是不是很有趣。这里应用了大量的script的函数，而在定义数字显示区域时，用了CSS定位的知识，代码如下：

<div id ="div1"
　　//*这里的div1是一个类选择符，在JavaScript的函数中调用*//
　　 style="position:absolute;top:20;left:20; width:100;height:100;
　　　　　　font-size:100;text-align:center; background-color:red;
　　　　　　filter:revealtrans(transition=23,duration=.01)"
　　　　　　//*定义了revealtrans滤镜属性，样式设为随机，变换时间设为.01*//
　　　　　　onclick="Count()"
　　　　　　//*鼠标点击事件，触发Count（）函数*//
　　　　　　onfilterchange="Repeat()">
　　　　　　//*滤镜转换事件，触发Repeat（）函数*//
　　</div>

当然，您还可以查看实例的源代码，看一看javascript的代码是如何编写的。
　　好了，这一节就介绍到这里，下一节将向您介绍一个动态刷新的例子。