-
HTML5中5个简单实用的API
这不能说我们虚荣，多少年来，基本的HTML API一直没有任何发展，以至于当有一个小的新功能出现时，例如placeholder，都会让我们露出新奇的眼神。尽管新式的浏览器中实现了很多HTML5特...
-
会走动的图形html5时钟示例
使用HTML5制作时钟 复制代码 代码如下: !DOCTYPE html html head titlehtml5时钟/title /head body canvas id = "canvas"/canvas/pp script var Clock = function (canvas, options) { this.canvas = canvas; this.ctx = this.canvas.getCont...
-
html5定位并在百度地图上显示的示例
在开发移动端 web 或者webapp时，使用百度地图 API 的过程中，经常需要通过手机定位获取当前位置并在地图上居中显示出来，这就需要用到html5的地理定位功能。 复制代码 代码如下: na...
-
HTML5中的autofocus（自动聚焦）属性介绍
这里要讲的一个简单的HTML5功能是当页面加载完成时让输入焦点自动落到某个元素上；这个动作用autofocus属性完成。 HTML代码非常简单： 复制代码 代码如下: !-- These all work! -- input autof...
-
HTML5的download属性详细介绍和使用实例
然而，也有很多小的非常好的特征；其中一个就是新添加的download属性。download属性能让我们指定浏览器下载时采用新的文件名称，也就是在客户端重命名下载文件。而不是链接上原始的...
-
HTML5里的placeholder属性使用实例和美化显示效果的
placeholder属性能够让你在文本框里显示提示信息，一旦你在文本框里输入了什么信息，提示信息就会隐藏。你以前可能无数次看到这种效果，但那些大部分是用JavaScript里实现的，而现在...
-
HTML5的hidden属性兼容老浏览器的方法
另外一个新出现的属性就是hidden属性。当一个网页元素有了hidden属性后，它的表现跟CSS的display: none;作用非常相似，元素将会消失，而且不占用任何页面空间。写法很简单： 复制代码 代...
-
HTML5中的Scoped属性使用实例
特别的，有一个新的属性，它能让我们控制多个元素的属性，就是：scoped。style标记上新出现的这个scoped属性可以让CSS样式只对局部元素生效，具体说，就是存放这段style样式的元素的子...
-
html5菜单折纸效果
类似猎豹浏览器安装时的用户须知效果。 点击后效果 复制代码 代码如下: !DOCTYPE html html head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" titlefold paper effect by gt-柯乐义/title style #...
-
html5读取本地文件示例代码
html结构样式如下： 复制代码 代码如下: div class="addpic" button添加图片/button form input id="logoimg" class="addlogo" type="file" multiple accept="image/*" name="logo" /form /div img id="showlogo" src="" alt="" 从样式上...
-
使用html5制作loading图的示例
复制代码 代码如下: !DOCTYPE html html head title/title /head body canvas id = "canvas"/canvas/pp script var Loading = function (canvas, options) { this.canvas = document.getElementById(canvas); this.options = options; };/pp Loading....
-
html5的canvas元素使用方法介绍(画矩形、画折线、
Canvas一般是指画布，最近对用html5写游戏比较感兴趣，所以简单的用了一下Canvas。 之前接触Canvas是在silverlight和wpf上用到过他，在silverlight上Canvas是一个绝对定位的容器，里面可以放任何...
-
html5图片上传预览示例分享
复制代码 代码如下: !DOCTYPE html html lang="zh-cn" head meta charset="utf-8" / meta name="author" content="EdieLei" / titleHTML5 图片上传预览/title script type="text/javascript" src="a href="http://ajax.googleapis.com/ajax/lib...
-
HTML5 Canvas锯齿图代码实例
效果图： 提示：把代码复制到一个html文件中并保存，直接打开即可看到效果。 实现代码： 复制代码 代码如下: !doctype html html lang="zh" head meta charset="gbk" title锯齿图/title script type="text/...
-
HTML5 Canvas旋转动画的2个代码例子（一个旋转的太
效果图： 方法一： 复制代码 代码如下: !DOCTYPE HTML html body canvas id="myCanvas" width="500" height="500"your browser does not support the canvas tag/canvas script type="text/javascript" var deg = 0; var r = 30; var rl = 10...
