-
浅谈Html5中视频 音频标签 进度条的问题
最近项目中使用Html5的video和audio标签来在线播放视频和音频文件,但是遇到个奇葩的问题,页面上播放之后进度条无效, 查看w3c之后发现html代码并没有什么不同,之后猜想如果用静态...
-
html5 初试 indexedDB(推荐)
indexedDB是存储大量结构化数据的API,demo中用到的是异步API,麻烦的就是所有对indexedDB的操作都会发生一个异步的请求,只要熟悉了API操作起来也很简单。 大体流程是这样 1.打开数据库...
-
多视角3D逼真HTML5水波动画
这是一款基于HTML5的3D水波动画特效,它的效果非常逼真,我们可以按G键来让水池中的石头上下浮动,按L键添加灯光效果,设计相当完美。同时说明一下,这款3D水波动画是基于WebGL渲染...
-
HTML5的新特性(1)
HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML [1](标准通用标记语言下的一个应用)标准版本;现在仍处于发展阶段,但大部分浏览器已经支持某些 HTML5 技术。 1. 新的文...
-
HTML5 Canvas实现烟花绽放特效
本文为大家带来了一款,免费而又安全环保的HTML5 Canvas实现的放烟花特效。 效果如下: 代码如下: XML/HTML Code 复制内容到剪贴板 !DOCTYPEHTML html head title Canvas实现放烟花特效 / title meta...
-
多视角3D可旋转的HTML5 Logo动画
这是一款基于HTML5和CSS3的3D动画特效,与之前的3D特效不同的是,这款是完全用HTML5特性实现的,而并非用多张图片叠加起来。这款3D动画还有一个特点是可以无限的旋转,从而可以从多...
-
探索HTML5本地存储功能运用技巧
我们来实现一个简单应用,该应用中用户输入用户名和手机号,相关因袭可以保存到保存到本地,并可以进行查找、展示等基本操作。 以下只给我出关键代码,项目结构和基本代码以及...
-
谈一谈HTML5本地存储技术
本地缓存是HTML5出现的新技术,这个技术的出现使得移动web的开发成为了可能。我们都知道,要想打造一个高性能的移动应用,速度是关键。而在HTML5之前,只有cookie能够存储数据,大小...
-
逼真的HTML5树叶飘落动画
这款HTML5树叶飘落动画是基于webkit内核的,也就是说要在webkit内核的浏览器上才能使用这款动画。 HTML代码 XML/HTML Code 复制内容到剪贴板 div id = container !--Thecontainerisdynamicallypopulatedusing...
-
HTML5+CSS3绘制锯齿状的矩形
最近通过敲Html5+Css3,分享一些自己认为值得学习的知识,分享给大家。 如何绘制一个锯齿状的矩形:如图 我们知道绘制图形可以用canvas ,canvas是HTML5出现的新标签,用于在网页上绘制...
-
使用HTML5中的contentEditable来将多行文本自动增高
contentEditable是由微软开发、被其他浏览器反编译并投入应用的一个全局属性。该属性的主要功能是允许用户编辑元素中的内容,所以该元素必须是可以获得鼠标焦点的元素,而且在点击...
-
解析HTML5中的新功能本地存储localStorage
Html5 的local storage 是通过浏览器在本地存储的数据。 基本使用方法如下: JavaScript Code 复制内容到剪贴板 scripttype= text/javascript localStorage.firstName= Tom ; alert(localStorage.firstName); /script 这样的...
-
基于HTML5的齿轮动画特效
这是一个基于HTML5的齿轮动画特效,我们将齿轮转动的物理学原理,转换为HTML5代码,在网页上实现了模拟齿轮转动的动画效果。该齿轮动画的最大特点是它由好多个齿轮组成,这对齿轮...
-
HTML5中meta属性的使用方法
meta属性在HTML中占据了很重要的位置。如:针对搜索引擎的SEO,文档的字符编码,设置刷新缓存等。虽然一些网页可能没有使用meta,但是作为正规军,我们还是有必要了解一些meta的属性...
-
HTML5+lufylegend实现游戏中的卷轴
lufylegend是一个HTML5开源引擎,它实现了利用仿ActionScript3.0的语法进行HTML5的开发, 包含了LSprite,LBitmapData,LBitmap,LLoader,LURLLoader,LTextField,LEvent等多个AS开发人员熟悉的类, 支持Googl...
-
HTML5实现动画效果的方式汇总
长沙网络推广以一个运动的小车为例子,讲述了三种实现HTML5动画的方式,思路清晰,动画不仅仅是canvas,还有css3和javascript.通过合理的选择,来实现最优的实现。 PS:由于显卡、录制...