以前需要用JS写一个自动完成组件（Suggest），很费劲。HTML5时代则不用了，直接使用datalist标签，直接减少了工作量。如下复制代码代码如下:<!DOCTYPE html><html> <head> <...
这里必须解释一下，这个“激活”，指的是这个标签是否正被用户浏览，或者说是否为当前标签。 那么，这个 API 究竟有些什么用途呢？通常，很多传统的页面在用户没有激活它的时候，它还会继续工作，例如，当用户正在浏览新闻门户，而他之前打开的 NBA 球赛页面会继续刷...
现在，HTML5里页面可见性接口就提供给了程序员一个方法，让他们使用visibilitychange页面事件来判断当前页面可见性的状态，并针对性的执行某些任务。同时还有新的document.hidden属性可以使用。 document.hidden 这个新...
使用JavaScript将图片拷贝进画布 要想将图片放入画布里，我们使用canvas元素的drawImage方法：复制代码代码如下: // Converts image to canvas; returns new canvas element ...
最近写一个HTML5的游戏框架。今天写到一个多层点击事件的监听。觉得还是挺好玩的。于是把它从模块中抽化出来了。以下代码只是一些思想。具体实现肯定不是那么丑陋 复制代码代码如下: <!doctype html> <html lang="en"&...
移动设备和桌面电脑上的客户端API起初并不是同步的。最初总是移动设备上先拥有某些功能和相应的API，但慢慢的，这些API会出现在桌面电脑上。其中一个应用接口技术就是getUserMedia API，它能让应用开发者访问用户的摄像头或内置相机。下面就让我展示一下...
这不能说我们虚荣，多少年来，基本的HTML API一直没有任何发展，以至于当有一个小的新功能出现时，例如placeholder，都会让我们露出新奇的眼神。尽管新式的浏览器中实现了很多HTML5特征，但大部分程序员仍对一些小的、非常有用的API不了解或从未听说。...
使用HTML5制作时钟 复制代码代码如下:<!DOCTYPE html><html><head> <title>html5时钟</title></head><body>...
在开发移动端 web 或者webapp时，使用百度地图 API 的过程中，经常需要通过手机定位获取当前位置并在地图上居中显示出来，这就需要用到html5的地理定位功能。 复制代码代码如下:navigator.geolocation.getCurrentPos...
这里要讲的一个简单的HTML5功能是当页面加载完成时让输入焦点自动落到某个元素上；这个动作用autofocus属性完成。 HTML代码非常简单：复制代码代码如下:<!-- These all work! --><input autofocu...
然而，也有很多小的非常好的特征；其中一个就是新添加的download属性。download属性能让我们指定浏览器下载时采用新的文件名称，也就是在客户端重命名下载文件。而不是链接上原始的文件名称。实际上download属性更合适的名称是downloadName。...
另外一个新出现的属性就是hidden属性。当一个网页元素有了hidden属性后，它的表现跟CSS的display: none;作用非常相似，元素将会消失，而且不占用任何页面空间。写法很简单：复制代码代码如下:<div hidden> You can...
placeholder属性能够让你在文本框里显示提示信息，一旦你在文本框里输入了什么信息，提示信息就会隐藏。你以前可能无数次看到这种效果，但那些大部分是用JavaScript里实现的，而现在，HTML5提供了原生支持，而且效果更好！ HTML代码复制代码代码...
特别的，有一个新的属性，它能让我们控制多个元素的属性，就是：scoped。style标记上新出现的这个scoped属性可以让CSS样式只对局部元素生效，具体说，就是存放这段style样式的元素的子元素生效，跟平常的样式不一样的唯一地方就是新加了一个scoped...
使用HTML5+jQuery，不使用FLASH： 浏览器适用范围：Firefox 3.5+, Chrome 3+, Opera 10.5+, Safari 4+, IE 9+ 代码示例： 复制代码代码如下: $("#speak").mouseenter(fun...
类似猎豹浏览器安装时的用户须知效果。 点击后效果 复制代码代码如下:<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="te...
html结构样式如下： 复制代码代码如下: <div class="addpic"> <button>添加图片</button> <form> <input id="logoimg" class="addl...
复制代码代码如下:<!DOCTYPE html><html><head> <title></title></head><body> <canvas id = ...
Canvas一般是指画布，最近对用html5写游戏比较感兴趣，所以简单的用了一下Canvas。 之前接触Canvas是在silverlight和wpf上用到过他，在silverlight上Canvas是一个绝对定位的容器，里面可以放任何控件。我们通过他可以构...
复制代码代码如下:<!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8" /><meta name="author" content="E...
◆