kxdhm

zepto.js 手机web开发 js 框架，类似于jquery

摘要： // Zepto.js// (c) 2010, 2011 Thomas Fuchs// Zepto.js may be freely distributed under the MIT license.(function(undefined){ if (String.prototype.trim === undefined) // fix for iOS 3.2 String.prototype.trim = function(){ return this.replace(/^\s+/, '').replace(/\s+$/, '') }; // For iO. 阅读全文

posted @ 2012-02-21 18:37 kxdhm 阅读(2467) 评论(0) 推荐(0) 编辑

iscroll.js 用法介绍

摘要：概要iScroll 4 这个版本完全重写了iScroll这个框架的原始代码。这个项目的产生完全是因为移动版webkit浏览器（诸如iPhone，iPad，Android 这些系统上广泛使用）提供了一种本地化的方式来对一个限定了高度和宽度的元素的内容进行滑动。很不幸的是，这种情况下所有的web应用的页面就不能够包含具有position:absolute的头、页尾或者是一个内容可滚动的中间区域。然而，Android系统最新修订版已经可以支持这种功能了（尽管支持的力度还不是特别好），Apple公司似乎不太情愿将one-finger滑动事件运用到div元素上。除了以前版本的iScroll的特性以外，i 阅读全文

posted @ 2012-02-21 18:35 kxdhm 阅读(5649) 评论(0) 推荐(0) 编辑

iscroll.js 触屏手机web-kit浏览器滚动效果代码库

摘要： /**! * iScroll v4.1.8 ~ Copyright (c) 2011 Matteo Spinelli, http://cubiq.org * Released under MIT license, http://cubiq.org/license */(function(){var m = Math, vendor = (/webkit/i).test(navigator.appVersion) ? 'webkit' : (/firefox/i).test(navigator.userAgent) ? 'Moz' : 'opera' 阅读全文

posted @ 2012-02-21 18:34 kxdhm 阅读(2473) 评论(0) 推荐(0) 编辑

火狐下的ul li inline-block float导致的差异

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2012-02-17 12:55 kxdhm 阅读(512) 评论(0) 推荐(0) 编辑

a标签几种状态在IE6 7下的表现

摘要： a{text-decoration:none;color:#84a8c8;}a:link{color:#4199d7}a:visited{color:#0ff;}a:hover{color:#f00;cursor: pointer;}a:active{color:#ff0;}<a href="javascript:;">asdfasdf</a>IE6 7 下，点击，鼠标up时，颜色始终为active的颜色，其他浏览器为hover的颜色与设计的效果不符，添加事件，mouseover mouseout click 阅读全文

posted @ 2012-02-16 12:06 kxdhm 阅读(254) 评论(0) 推荐(0) 编辑

webkit webkitTransform -webkit-transition-duration -webkit-transition-function

摘要： <div style="width: 4em; height: 4em; margin: 2em; background-color: blue; color: white; -webkit-transition-duration: 5s; -webkit-transition-function: ease-out;" onclick='style.webkitTransform="translate(16em, -16em) scale(6) rotate(720deg)"; style.backgroundColor="red 阅读全文

posted @ 2012-02-16 10:55 kxdhm 阅读(521) 评论(0) 推荐(0) 编辑

-webkit-transform

摘要： <img src="/phone/img/bg.jpg" style="-webkit-transform:rotate(45deg)" /></div> 阅读全文

posted @ 2012-02-16 10:55 kxdhm 阅读(394) 评论(0) 推荐(0) 编辑

有用的网址

摘要： iphone开发https://developer.apple.com/library/safari/navigation/index.htmlhttps://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/Introduction/Introduction.html#//apple_ref/doc/uid/TP40002079-SW1http://www.cn-cuckoo.com/deconstructed/JavaScript库“解构”系列旨在以可阅读全文

posted @ 2012-02-14 18:10 kxdhm 阅读(244) 评论(0) 推荐(0) 编辑

IE6 fixed