随笔分类 - HTML5
发现两个有趣的CSS3效果
摘要:发现两个有趣的CSS3效果,CSS3画机器猫、纯CSS3动画
阅读全文
图片效果集合(js、jquery或html5)
摘要:1.jQuery HTML5 幻灯片使用支持HTML5的浏览器会有特殊效果,即切换图片时颜色的改变文章:http://keleyi.com/a/bjac/b8i3xdui.htm效果:http://keleyi.com/keleyi/phtml/html5/1.htm2. jQuery图片延迟加载一开始不加载实图,只用灰图占位,当图片出现在视线中才加载实图,减少对服务器的压力。效果网址:http://keleyi.com/keleyi/phtml/image/index.htm文章网址:http://keleyi.com/a/bjac/et551617.htm3.jquery使用ColorBo
阅读全文
谷歌将推HTML5开发工具Google Web Designer
摘要:新浪科技讯 北京时间6月5日早间消息,谷歌周二表示,该公司不久将推出专为“创意专业人士”打造的HTML5开发工具Google Web Designer。 谷歌称,Google Web Designer将在“几个月内”发布,旨在“让创意专业人士能够打造一流的广告产品,制作网站和应用等Web内容,我们将免费提供给他们。”谷歌是在周二有关DoubleClick广告平台的一篇博文中提到这一消息的,该公司发言人表示,Web Designer其实是一款独立产品,专门为创意机构和设计师量身打造。 谷歌指出,Web Designer将会同DoubleClick Studio和AdMob进行整合。业内人士认..
阅读全文
HTML5时钟
摘要:本示例使用HTML5的canvas标签和Javascript脚本,在页面上模拟显示了一个时钟, 请使用支持HTML5的浏览器预览效果:点击这里查看效果http://www.keleyi.com/keleyi/phtml/html5clock.htm以下是完整代码,保存到html文件可以查看效果。<!DOCTYPE html><html><head><meta http-equiv="Content-type" content="text/html; charset=utf-8" /><title>
阅读全文
CSS3实现DIV圆角完整代码
摘要:本实例是CSS3实现DIV圆角。实现圆角的CSS3代码句是: "border-radius: 20px;" 。需使用支持CSS3的浏览器运行,例如新版的Chrome、火狐,或者IE9以上。IE6、7、8不支持。在线预览效果:http://hovertree.com/texiao/css/4.htm画...
阅读全文
HTML5标签
摘要:<header>主要用于导航,头部,可以嵌套,但不可以嵌套在<address>标签中。<hgroup>在<header>里面定义具体内容的,是一个小容器。<article></article>:大块文章,主要用于文字的显示。例如:论坛帖子,报纸文章,博客条目,用户评论<address>用于显示地址信息或者文档作者或拥有者的联系信息。通常的做法是将 address 元素添加到网页的头部或底部。<time>格式化输出时间日期。<footer>页脚部分。主要用于显示一些外部链接,友情链接,版权
阅读全文