正在加载...

这里介绍两款使用 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

: http://www.ha97.com/1085.html

本文相关评论 - 1条评论都没有呢

No comments yet.