站长学堂
你的位置: 中国个人站长站 -- 站长学堂 -- 网页制作 -- HTML/CSS教程 -- 文章正文 倒计时
推荐位

倒计时

中国个人站长站 HTML/CSS教程 点击数: 更新时间:2004-10-29 9:32:49
倒计时

  下面是一个有趣的例子,请l链接
  当您点击显示的红色方块时,以一种随机的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的代码是如何编写的。
  好了,这一节就介绍到这里,下一节将向您介绍一个动态刷新的例子。

佚名 文章录入:humianzhizhou    责任编辑:swh 
个人站长站与你风雨同舟!
本站所提供的资源均来源于互联网,如有侵权行为,请与本站管理员联系,我们会第一时间删除!
·如果您发现《倒计时》文章有错误,也请通知我们修改!
联系邮箱chinageren#126.com,谢谢支持!
站内搜索:
广告服务 | 友情链接 | 联系我们 | 免责声明 | 用户留言 | 网站导航
版权所有:中国个人站长站 2007-2008 未经授权禁止复制或建立镜像 客服QQ号:112731235
copyright © 2007-2008 www.ChinaGeRen.com online services. all rights reserved. 苏ICP备05000059号