html5 - Onelong

html5 语音搜索

post by onelong / 2011-12-5 1:50 Monday [html5+css3]

好久没有碰html5了，今天师弟mhycoe在群里发了一段代码，代码如下：
阅读全文>>

标签: html5
评论(1) 引用(0) 浏览(2734)

html5 Worker 多线程

post by onelong / 2010-10-18 4:57 Monday [html5+css3]

html5 Worker 多线程的特点：
1. 在线程中是不能操作DOM节点的（想要操作的话只能发送消息给worker创建者回调函数）
2. 多线程的本质其实是真正的系统线程
3. 能使用setTimeout(), clearTimeout(), setInterval(),clearInterval()等函数
4. 能进行IO操作（ajax）
注意目前firefox支持...
阅读全文>>

标签: html5 Worker
评论(2) 引用(0) 浏览(4875)

html5 本地session存储

post by onelong / 2010-10-17 21:21 Sunday [html5+css3]

html5本地存储中还有一个内容，那就是本地session啦！下面是一个很简单的统计例子！！

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
...
阅读全文>>

标签: html5 本地session
评论(0) 引用(0) 浏览(2967)

html5 本地数据库-Web SQL Database

post by onelong / 2010-10-17 20:49 Sunday [html5+css3]

html5增加新的特性，那就是增加了本地存储！改善用户体验，或许html5会带着我们走进新的互联网时代。

下面看看怎样操作web 数据库吧！！首先新建数据库！

var db = window.openDatabase("mydata", "1.0","数据库描述",20000);
//window.openDatabas...
阅读全文>>

附件下载：
database.rar 765字节

标签: html5 本地数据库
评论(0) 引用(0) 浏览(5079)

html5新特性

post by onelong / 2010-10-17 6:38 Sunday [html5+css3]

用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search
可见html5语义化更强了！
导航标签
&nbs...
阅读全文>>

标签: html5 语义
评论(0) 引用(0) 浏览(2784)

html5 本地储存初体验

post by onelong / 2010-10-16 3:40 Saturday [html5+css3]

html5提供了很人性化的借口，看看代码：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<bod...
阅读全文>>

附件下载：
localStorage.rar 442字节

标签: html5 本地储存 localStorage
评论(0) 引用(0) 浏览(4571)

html5 class选择器

post by onelong / 2010-10-16 2:56 Saturday [html5+css3]

html5的确给我们带来惊喜，新增的dom api-类选择器
那么怎样使用呢？看下面的代码吧.....
var els = document.getElementsByClassName('myinput');
els[0].focus();
多有意思的一个api，提供了丰富的用户体验！
看下面的小例子吧
<!DOCTYPE HTM...
阅读全文>>

标签: html5 dom api
评论(0) 引用(0) 浏览(2913)

html5 表单初探

post by onelong / 2010-10-15 22:05 Friday [html5+css3]

html5表单新增蛮多内容！

html表单变得很人性化了！还可以设置不匹配的样式！

下面是现实以上效果的代码

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-...
阅读全文>>

附件下载：
form.rar 613字节

标签: html5 表单
评论(0) 引用(0) 浏览(3019)

html5 progress初体验

post by onelong / 2010-10-15 21:01 Friday [html+css]

先看看progress的效果吧！
很漂亮吧！的确是这样，这就是Html5的progress
那么怎样实现的呢？看看下面简单的代码啦！
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; ...
阅读全文>>

附件下载：
progress.rar 394字节

标签: html5 progress
评论(0) 引用(0) 浏览(7338)