憨二真人 - 博客园

2012年2月

摘要：一个简单的demo： ajiegao.sinaapp.com/demo/mm.html源码：<!DOCTYPE HTML><html lang="zh-CN"><head><meta charset="UTF-8"><style type="text/css">html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;}section{position:absolute;top:0;left:0;b 阅读全文

posted @ 2012-02-24 22:42 憨二真人阅读(579) 评论(0) 推荐(0) 编辑

html5 初试 indexedDB

摘要： indexedDB是存储大量结构化数据的API，demo中用到的是异步API，麻烦的就是所有对indexedDB的操作都会发生一个异步的‘请求’，只要熟悉了API操作起来也很简单。大体流程是这样1.打开数据库var indexedDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB;if ('webkitIndexedDB' in window) { window.IDBTransaction = window.webkitIDBTransaction; window.IDBKeyRange 阅读全文

posted @ 2012-02-03 14:40 憨二真人阅读(1486) 评论(1) 推荐(1) 编辑

2011年12月

html5 初试 Web SQL Database

摘要： Web SQL Database API不包含在html5规范中，它是一个独立的规范，它引入了一套使用 SQL 操作客户端数据库的 API。所有现代浏览器都支持此API。它使用的SQL是SQLite 。html5 中使用Local and session storage 本地存储非常的方便，键值对方式虽说是使用方便，但对一些大量的数据结构处理就力有不及了，而Web SQL Database正适合这种类型的数据存储。Web SQL Database 是异步的。连接/创建Database：db = window.openDatabase("db", "1.0" 阅读全文

posted @ 2011-12-26 14:49 憨二真人阅读(749) 评论(1) 推荐(0) 编辑

javascript 视差滚动

摘要：今天看到有人推荐有js视差滚动效果的网站，其实视差滚动原理非常简单，无非把不同dom对象设置不同的移动速度，这样同时移动时可以非常明显的纵深感。以我的上篇练习javascript 随机展示头像为基础稍微添加一段代码就可以实现一个视差滚动。直接上代码(html，全) 代码打包地址View Code <!DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8"><title></title><style type=&q 阅读全文

posted @ 2011-12-07 18:00 憨二真人阅读(1168) 评论(0) 推荐(2) 编辑

javascript 随机展示头像

摘要：随机展示小头像，随机数包括位置、层级、大小、透明度等；先看图：很简单的一个效果首先html<ul> <li><img src="i.jpg" alt="" /></li> <li><img src="i.jpg" alt="" /></li> <li><img src="i.jpg" alt="" /></li> <li><img sr 阅读全文

posted @ 2011-12-06 15:01 憨二真人阅读(1220) 评论(3) 推荐(2) 编辑

javascript检测浏览器flash版本

摘要：记录：(function(){ ver has=0, ver=0; try{ has=new ActiveXObject('ShockwaveFlash.ShockwaveFlash'); if(has) { ver = +(has.GetVariable("$version").match(/\d+/)); } } catch(e){ has=navigator.plugins["Shockwave Flash"]; if(has) { ... 阅读全文

posted @ 2011-12-02 09:36 憨二真人阅读(533) 评论(0) 推荐(0) 编辑

公告