-
HTML5本地存储之Database Storage应用介绍
在上一篇《》中，简单介绍了如何利用localStorage实现本地存储；实际上，除了sessionStorage和localStorage外，HTML5还支持通过本地数据库进行本地数据存储，HTML5采用的是SQLLite这种文件型数据...
-
HTML5本地存储之Web Storage应用介绍
Web Storage是HTML5引入的一个非常重要的功能，可以在客户端本地存储数据，类似HTML4的cookie，但可实现功能要比cookie强大的多，cookie大小被限制在4KB，Web Storage官方建议为每个网站5MB。 W...
-
css3 transform 3d 使用css3创建动态3d立方体(html5实践
在今天的课程中，我将向大家介绍如何使用css3创建3d的立方体。大家可以通过狼蚁网站SEO优化的链接浏览实际效果，操作上下左右键，实现立方体的翻转效果。 demo地址 ： 狼蚁网站SE...
-
html5播放视频且动态截图实现步骤与代码(支持s
暂不支持chrom 。支持safari .其他未测试 先引用 jquery 地址。选用新浪的 复制代码 代码如下: script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.6/jquery.js"/script 加一个video标签 复制代码...
-
html5中地理位置定位api接口开发应用小结
地理位置定位的几种方式：IP地址，GPS，Wifi，GSM/CDMA 地理位置获取流程 ： 1、用户打开需要获取地理位置的web应用。 2、应用向浏览器请求地理位置，浏览器弹出询问，询问用户是否共享...
-
Html5无刷新修改browser Url的方法
Ajax局部刷新可以通过HTML5的新特性修改browser address。 window.history表示window对象的历史记录 window.history.pushState(object, title, new_url) -- 在window.history里新增一个历史记录点 window.history.replaceS...
-
html特殊符号示例 html特殊字符编码对照表
复制代码 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd/a" html xmlns="a href="http://...
-
html5使用canvas实现跟随光标跳动的火焰效果
本效果的完整代码如下,把代码保存到HTML文件中打开也能查看效果,火焰会跟随光标: 复制代码 代码如下: !DOCTYPE HTML head meta charset=utf-8" / titleHTML5 Canvas火焰效果/title style type="text/css" body...
-
编写html5时调试发现脚本php等网页js、css等失效
最近在编写html5时简单的调试了下与PHP协同使用后，发现在不少情况下js、css等会失效，页面显示异常，而在以前非html5时并没有。后经过查阅各类资料，调试后发现：网页在跳转时仍有...
-
html5基础标签(html5视频标签 html5新标签用法)
1、 声明的变化!DOCTYPE html 2、 指定字符编码的变化meta charset=utf-8，html5中建议使用utf-8 3、 Html5中允许p没有结束符，不算错误 4、 不允许写结束标记的有：area、base、br、col、command、emb...
-
html5的canvas实现3d雪花飘舞效果
复制代码 代码如下: var SCREEN_WIDTH = window.innerWidth; var SCREEN_HEIGHT = window.innerHeight;/pp var container;/pp var particle;/pp var camera; var scene; var renderer;/pp var mouseX = 0; var mouseY = 0;/pp var windowHalfX = wind...
-
html5 canvas实现圆形时钟代码分享
复制代码 代码如下: !DOCTYPE html html head meta charset="UTF-8" titleHTML CLOCK/title /head body canvas width="500" height="500" id="clock" 你的浏览器不支持canvas标签，时针显示不出来哦！ /canvas script type="text...
-
html5 css3网站菜单实现代码
实现的难点在于：first-child,last-child 两个选择器，以后margin-left:-1px;的应用，33%,34%宽度的技巧处理。 另外一个难点是：box-shadow:1px 0 0 #F1F1F1 inset; 的实现。 最后是： 复制代码 代码如下...
-
html5 自定义播放器核心代码
网页html 复制代码 代码如下: body style="background-color:#8EEE5EE;" section id="skin" video id="myMovie" width="640" height="360" source src="videos/Introduction.mp4" /video nav div id="buttons" button type="button" id="playButton"...
-
谷歌浏览器小字体处理方案即12px以下字体
谷歌浏览器是不支持12px以下小字体的，可能是考虑到用户体验吧。 网上也有一些文章介绍，说可以使用： 复制代码 代码如下: -webkit-text-size-adjust:none; 但是，自chrome 27之后，就取消了对...
-
利用html5的websocket实现websocket聊天室
什么是websocket WebSocket 协议是html5引入的一种新的协议，其目的在于实现了浏览器与服务器全双工通信。看了上面链接的同学肯定对过去怎么低效率高消耗（轮询或comet）的做此事已经有...
