• 欢迎访问极客公园网站,WordPress信息,WordPress教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入极客公园 QQ群
  • Git主题现已支持滚动公告栏功能,兼容其他浏览器,看到的就是咯,在后台最新消息那里用li标签添加即可。
  • 最新版Git主题已支持说说碎语功能,可像添加文章一样直接添加说说,新建说说页面即可,最后重新保存固定连接,演示地址
  • 百度口碑求点赞啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊http://koubei.baidu.com/s/gitcafe.net
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏极客公园吧

使用JavaScript和CSS Rotation的纯HTML时钟

未分类 智子论道 14年前 (2010-07-13) 1391次浏览 0个评论

这里介绍两款使用 JavaScript 和 CSS Rotation 的纯 HTML 时钟。没有使用任何 Adobe Flash 文件或者 <canvas> 标签,仅仅使用平常的 <div> 和 <img> 标签。其工作方式为把图片置于带有 {overflow:hidden} 属性样式的 <div> 并将其旋转。通过 JavaScript,使用推荐的 CSS 变换属性。

然而,这份代码不兼容 Internet Explorer 或现有的许多旧版本浏览器。它只能在支持 CSS 变换属性的 Google Chrome,Safari 和 Firefox 3.5+ 浏览器下正常工作。

必备条件:支持 CSS 变换属性的浏览器
演示地址:http://joncom.be/code/css-clocks/

英文原文:Pure HTML Clocks using Javascript & CSS Rotation | WebAppers


极客公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:使用JavaScript和CSS Rotation的纯HTML时钟
喜欢 (0)

您必须 登录 才能发表评论!