html5-本地存储LocalStorage和range、output的结合
日期：2012-05-17 20:43:47
点击：191
好评：0
$( function (){ var $range = $(input[type='range']); // 滑块 var $result = $(output[name='result']); // 显示数字的output var $button = $(input[type='button']); // 清除按钮 $range.val(localStorage.rangeValue); // 页面载入时$range的值为localStorage.rangeValue存诸的值； $result.val...
CSS3-transition属性小demo例子，分享。
日期：2012-05-17 20:39:12
点击：67
好评：0
注：需要chrome游览器查阅 HTML CSS3 JavaScript JQuery YUI Python 这里主要运用了三个属性，border-radius，text-shadow，transition。 关于transition属性，是CSS3中三个动画相关的属性之一，transition属性允许css的属性值在一定的时间区间内平滑地过渡。这种效果可...
Html5 Canvas Image
日期：2012-05-15 20:06:02
点击：121
好评：0
Canvas所支持的Image API是非常强大的;我们可以直接加载图像，将其显示在Canvas上,也可以切割和拼接显示所需的任何图像部分; 此外，Canvas给我们提供的存储其像素数据的功能，我们可以通过操纵像素数据，然后重新绘制到Canvas上。 虽然Canvas只有提供少数的Image API函数，但它开辟一个像素级别操纵的世界; 它使开发人员可...
html5 sqlite操作类
日期：2012-05-15 20:01:32
点击：148
好评：0
一个html5 sqlite操作类，支持链式操作，之前一个项目上用过，感觉还不错，有问题请大家指教 //copyrightbylanxyoulanxyou[at]gmail.com var lanxDB= function (dbname){ var db=openDatabase(dbname, '1.0.0' , '' ,65536); return { //返回数据库名 getDBName: function (){ return dbname; }, //初始化数据库，如果需要...
HTML5+CSS3实现的小风车
日期：2012-05-14 20:48:43
点击：189
好评：0
还在用IE8及其以下版本浏览器的童鞋们就不要尝试了。 !DOCTYPE HTML html head style type = text/css #windmill{ width:160px; height:160px; position:relative; -moz-transition:-moz-transform 2s ease-in-out; -webkit-transition:-webkit-transform 2s ease-in-out; -moz-transform:rotate(0de...
Wadda：基于 HTML5 Canvas 的图片放大镜
日期：2012-05-14 20:39:49
点击：128
好评：1
简介 Wadda 是下一代图片放大技术，使用 HTML5 Canvas 实现图片放大镜功能。借助 HTML5 Canvas 标签，能够自定义放大级别而不需要为每个级别定义图片，还能够设置羽化(Fading)效果。 使用方法 使用非常简单，只需在img标签的title属性中设置放大图片的路径，例如： img src=foo.jpg id=thumb title=foo_hd.jpg / 引入Wadda...
html5-兼容IE6的结构
日期：2012-05-13 01:03:58
点击：201
好评：0
document.createElement('header' ); document.createElement( 'nav' ); document.createElement( 'section' ); document.createElement( 'article' ); document.createElement( 'aside' ); document.createElement( 'footer'); ! DOCTYPE HTML html head meta charset =utf-...
html5高级程序设计第二章之Canvas API上篇
日期：2012-05-13 00:58:55
点击：91
好评：0
HTML5 Canvas概述:Canvas的概念最初是由苹果公司提出的，用于在Mac OS X WebKit中创建控制板部件(dashboard widget).在Canvas出现之前，开发人员若要在浏览器中使用绘图API，只能使用Adobe的Flash和SVG(Scalable Vector Graphics，可伸缩矢量图形)插件，或者只有IE才支持的VML(Vector Markup Language，矢量标记语言)，以...
html 美化游戏界面
日期：2012-05-13 00:48:12
点击：195
好评：2
这里zidan新增了一个draw函数。 把子弹的样式也进行了封装。子弹的移动方式在move里封装。 网页中只要调用对应的方法就可以了。 背景，飞机也可以做类似的处理。 大家可以从网上找一个子弹的图片，代替小黑圈。 function Czidan(){ this .x=245; this .y=400; this .jiaodu= Math .PI*0.5; this .sudu=10; this .dadao=0;...
html5 多颗子弹-1
日期：2012-05-13 00:45:01
点击：138
好评：0
首先我们把上个例子中的代码进行修改。把子弹封装成一个类。写在一个单独的js文件中，然后在网页中引用这个类。 封装成一个类，便于我们更好的重复使用这段代码，关于类和对象的概念，大家可以google下。 代码如下Czidan.js： 对照上一个代码，看看是哪些代码给移过来了...
