-
HTML5+Canvas+CSS3实现齐天大圣孙悟空腾云驾雾效果
使用HTML5的canvas画的孙悟空，CSS3画的白云飘飘。 效果图： 代码如下： CSS Code 复制内容到剪贴板 !doctypehtml html head metacharset= utf-8 metahttp-equiv= X-UA-Compatible content = IE=edge,chrome=1 metaname= de...
-
HTML5标签嵌套规则详解【必看】
目录[1]分类 [2]子元素 [3]总结 前面的话 在html5中，a元素的子元素可以是块级元素，这在以前是被认为不符合规则的。本文将详细介绍html5的标签嵌套规则 分类 html5出现之前，经常把元素...
-
HTML 5.1来了 9月份正式发布 更新内容预览
HTML 5.1 来了。HTML 5 诞生多年以来，受到多数主流浏览器的支持。接下来，这门互联网编程语言也将走上更加规范化的道路。 W3C 组织最新宣布，正在编写 HTML 5.1 的语言标准规范，预计...
-
HTML5本地数据库基础操作详解
狼蚁网站SEO优化分别介绍本地数据库的各个API及其使用方法。 1、利用openDatabase创建数据库 我们可以利用openDatabase方法创建数据库。openDatabase方法传递五个参数，分别是：数据库名、数...
-
HTML5移动端手机网站开发流程
最近一直在研究移动手机网站的开发，发现做手机网站没有想象中的那么难。为什么会这么说呢？我们试想下:我们连传统的PC网站都会做，难道连一个小小的手机网站难道都搞不定吗？...
-
基于html5绘制圆形多角图案
先看看最简单的效果图： 代码如下： JavaScript Code 复制内容到剪贴板 var canvas=document.getElementById( 'my' ),ctx=canvas.getContext( '2d' ); setInterval( function (){ ctx.clearRect(0,0,400,400); ctx.save(); ctx.trans...
-
浅析border-radius如何兼容IE
目前而言firefox，opera,chrome等主流浏览器都已经支持border-radius属性，唯独IE8以及之前。 解决办法就是在用的border-radius属性的后面加上:behavior: url(ie-css3.htc); XML/HTML Code 复制内容到剪贴板...
-
如何利用input事件来监听移动端的输入
今天遇到一个新需求，经理要求评论功能需要限制字数，就像微博那样限制最多输入150字，这里就需要实时提醒用户还能输入多少字了。 在最开始的时候，想到的是监听keyup事件，然后...
-
HTML5移动端开发中的Viewport标签及相关CSS用法解析
移动前端中常说的 viewport （视口）就是浏览器显示页面内容的屏幕区域。其中涉及几个重要概念是 dip （ device-independent pixel 设备逻辑像素 ）和 CSS 像素之间的关系。这里首先了解以下...
-
整理HTML5移动端开发的常用触摸事件
HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续...
-
实例讲解使用SVG制作loading加载动画的方法
今天和大家分享一个以SVG图像为主的loading加载动画，现在移动端网页使用比较多，若还用GIF做loading图片的话，可能会影响图像的质量，所以使用SVG是一个不错的方式。 这次展示的代码...
-
移动端HTML5实现文件上传功能【附代码】
PC端上传文件多半用插件，引入flash都没关系，但是移动端要是还用各种冗余的插件估计得被喷死，项目里面需要做图片上传的功能，既然H5已经有相关的接口且兼容性良好，当然优先考...
-
HTML5触摸事件演化tap事件介绍
触摸事件是移动浏览器特有的HTML5事件，虽然click事件在pc和移动端更通用，但是在移动端会出现300ms延迟，较为影响用户体验，300ms延迟来自判断双击和长按，因为只有默认等待时间结束...
-
html5生成柱状图(条形图)效果的实例代码
XML/HTML Code 复制内容到剪贴板 html canvas id = a_canvas width = 1000 height = 700 / canvas script (function(){ window.addEventListener(load,function(){ var data =[1000,1300,2000,3000,2000,2000,1000,1500,2000,5000,1000,1000]; var xi...
-
用html5绘制折线图的实例代码
XML/HTML Code 复制内容到剪贴板 html canvas id = a_canvas width = 1000 height = 700 / canvas script (function(){ window.addEventListener(load,function(){ var data =[100,-1000,0,700]; //获取上下文 var a_canvas = document .getElem...
-
详解HTML5 Canvas绘制时指定颜色与透明度的方法
指定颜色 黑色是Canvas绘制的默认色彩，要想换一种颜色的话，就得在实际画之前指定颜色。 JavaScript Code 复制内容到剪贴板 ctx.strokeStyle=color 指定绘制线的颜色： JavaScript Code 复制内容到...
