众所周知canvas是位图，在位图里我们可以在里面画各种东西，可以是图片，可以是线条等等。那我们想给canvas里的某一张图片添加一个点击事件该怎么做到。而js只能监听到canvas的事件...

给大家讲解下我前几天看到的一个有趣小demo：视频在线截图。以下是我修改和添加了新功能后的效果图： 是不是很酷，其实挺简单的，狼蚁网站SEO优化就给大家讲讲怎么弄哈。 这里主...

本文介绍了Html5移动端获奖无缝滚动动画实现示例，分享给大家，具体如下： 需求分析 哈哈，上动态图真的是一下就明了了。 就是滚动么滚动，那么制作这个有什么方法呢？我们来总...

现代浏览器支持通过 video 元素播放视频。大多数浏览器也可以通过 访问摄像头。但即使这两件事结合起来，我们也无法直接访问和操纵这些像素。 幸运的是，浏览器有一个，允许我们...

为了给触摸界面提供有力支持, 触摸事件提供了响应用户对触摸屏或者触摸板上操作的能力. 接口 TouchEvent TouchEvent 是一类描述手指在触摸平面（触摸屏、触摸板等）的状态变化的事件。...

requestAnimationFrame是什么？ 在浏览器动画程序中，我们通常使用一个定时器来循环每隔几毫秒移动目标物体一次，来让它动起来。如今有一个好消息，浏览器开发商们决定：嗨，为什么我...

...

在html 5中，可以设置当页面加载时，自动焦点到达某个控件中，这个就是autofocus属性了，如下： 复制代码 代码如下: input autofocus="autofocus" / button autofocus="autofocus"Hi!/button textarea autofocus...

谷歌的网站是时逛时新啊，今天在他们首页发现了HTML5的新玩法语音搜索。可惜的是只有webkit核心的浏览器才能使用。用法很简单 只需要在input添加属性x-webkit-speech即可，例子如下： 复...

淘宝网的语音搜索也有了一阵子了，但似乎都没看到相关的博客或帖子在说这个如何实现，今天查了点资料，发现原来实现是如此简单，可能是因为太简单了，也就没有人讨论了吧。...

Html5支持 语音搜索，可惜的是只有webkit核心的浏览器才能使用。用法很简单 只需要在input添加属性x-webkit-speech即可，例子如下： input type=text x-webkit-speech / 这样你的输入框右边里就多了...

HTML5之前，要实现网页元素的拖放操作，需要依靠mousedown、mousemove、mouseup等API，通过大量的JS代码来实现；HTML5中引入了直接支持拖放操作的API，大大简化了网页元素的拖放操作编程难度...

当我编码Elemin Theme（我最近设计的一个响应式的站点）的时候，我遇到的一个跳帧就是，如何能让嵌入式的视频在尺寸变化上变得更加灵活。使用max-width:100% 和height:auto可以让html5的vi...

在Web开发中，我们要实现拖放效果，需要借助Javascript。今天让我们使用Html5实现它： 先看html核心代码 : 复制代码 代码如下: div p把黄色小方块拖入到红色大方框中/p /div div id="item" drag...

在我们的3G版网站的项目中使用了html5 application cache，将大部分图片资源、js、css等静态资源放在manifest文件中。 没想到上线第一天就遇到了严重问题：application cache会默认缓存当前页面！...

在html5中为我们提供了一种本地缓存机制，它将取代我们的cookie，并且它是不会随浏览器发会我们的服务器端的。我们可以采用js在客户端自由的操作本地缓存。html5中缓存主要有localSt...