一月
11
6
注：应该是不支持IE6的。支持安卓系、iOS苹果机、平板以及PC上的浏览器，包括IE7、IE8等。 触屏手机越来越流行，所以制作网站也要越来越多的考虑手机用户的使用体验。网站上如果有轮换图片的幻灯片（走马灯）之类的功能，就要考虑触屏手机用户的使用体验，而提供他们可以通过手指滑动来切换上一张/下一张的功能，将会是很大的体验提升。 基于此考虑，我在参考了Swipe的实现后，开发了可以同时支持触屏手机手指滑动与PC上鼠标点击滑动的一段
一月
11
九月
14
如果有关注我博客人，应该会发现最近一周之内博客都一直打不开。我一直以为是主机问题，今天联系了客服，才发现原来是我自己的主题的问题。所以今天花了大半天的时间一点点排除问题，最后发现原来是和gravatar的服务器被墙有关。去掉了头像缓存，问题就解决了。 当然，不会白白更新一篇博客的。下面说一个根据自定义字段查询文章的方法。 query_posts可以实现多种组合查询，但是我遇到的一个问题是，需要搜索自定义字段的值。比如为一个p
七月
17
昨天写了一篇《 JavaScript: 让拖动支持iphone/ipad触摸 》，今天又无聊，想到了图片放大(zoom)，让使用ios设备的的用户可以使用两根手指来缩放图片。想了一下，很容易就实现了。 其实原理也就是在图片接收了两个有效触摸点后，在手指移动过程中检测两点之间的距离的变化，以此来对图片进行放大缩小。 不多说，demo在这里（必须使用ios设备查看）。代码如下： var getZoomClass=(function(){
var SupportsTouches = ("createTouch" in document),//判断是否
七月
16
一般的通过mousedown、mousemove、mouseup等打造的拖动，仅仅在普通的键盘+鼠标的电脑设备上可以工作。而到了ios设备上（iphone itouch ipad），则不能工作了。最近因为做个东西，需要支持ios设备，所以只好看了下webkit浏览器的触摸事件。 其实也很简单，对应mousedown、mousemove、mouseup的触摸事件分别是touchstart、touchmove、touchend。为了写个demo，花了不少的时间，所以为了节省时间，我文章里就不多说了，仅贴一下相关代码。 DEMO可以在此查看。 var getDr
七月
13
六月
10
五月
20
有时候我们需要获取图片的尺寸，以用来对图片进行位置调整、大小限制等操作，以让图片适应页面的显示。传统的方法都是利用图片onload时获取尺寸，我也在介绍我自己用的限制图片尺寸文章中介绍了这种传统方法。但是最近我在《再谈javascript图片预加载技术》这里发现作者介绍了一种更好的方法，获取的速度远远大于传统的方法。 最近更新的社交媒体连接插件的“我的最新微博”功能支持了图片的显示（如我的右边栏），我在图片的浏览方式上
四月
12
注意，有歌声飘出，赶紧静音先！
2011.04.12 16:20更新: 经mice童鞋提醒，这种纯JS的图片lazyload都是自欺欺人，所以大家听歌吧，以下别看了。真正的lazyload需要前后端配合。你可以使用firebug或者chrome自带的开发者工具查看下面demo页面的资源resources或者网络，可以看到图片都是被下载下来了，并不会因为src的改变或者移除而停止加载。
lazyload可以用于很多场合，如JS、css的按需加载；对于页面上很多大图片的网站来说，图片的延迟加载，可以很好
三月
19
这年代，没有网站上不放置个幻灯片的吧？像我，首页就放了俩。。。。 对于简单的过度效果（slide, fadeIn）等，我们用JS就很容易实现了。但是复杂的效果，比如图片百叶窗、手风琴、旋转等切换效果，JS来做的话也不是不能实现，但是由于IE的拖后腿，目前的实现方案还是传统方法，资源消耗蛮严重的，从方便性和资源节省方面来说，就不是一个“划算”的方案了。 补充：javascript实现的复杂效果幻灯demo 1. http://wowslider.com/jquery-slider-pinboard-fly-d
二月
22
接触过javascript的同学一定都知道JS里的顶级对象window对象包含三个方法：alert（警告框，确定）、confirm（确认框，确认or取消）、prompt（输入确认框，输入内容and确认or取消），没接触过的你也一定在某个网站被狠狠的弹过。。。。 以alert警告框为例，通过调用window.alert(“消息”)可以在浏览器中弹出一个警告窗口（可省略window，直接使用alert）。但是这个窗口在不同的浏览器、不同的操作系统上，外观却并不相同，更不用说和自己网站的风格相搭配了
