CSS特效赏析

　1.动态改变样式
　2.动态可视化效果
　3.动态滤镜显示
　4.Blentrans属性
　5.Revealtrans属性
　6.动态Glow属性
　7.显示和隐藏
　8.兼容两种浏览器
　9.移动对象
　10.对象的滑动
　11.键盘控制对象
　12.鼠标控制对象
　13.Clip属性的应用
　14.动态文字变换
　15.动态改变页面样式
　16.动态时钟控制
　17.倒计时 　
　18.动态刷新

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的代码是如何编写的。
　　好了，这一节就介绍到这里，下一节将向您介绍一个动态刷新的例子。
　　

上一实例　下一实例 

谈谈您的看法