使用javascript开发可拖动组件时，往往需要对鼠标事件进行阻止默认行为操作。对于普通的节点对象，这个一般没什么问题（没有选择文字复制粘贴等需求），但是如果被拖动对象里包含了一些input、select等对象时，如果从一而终（mousestart ，mousemove，mouseend, click）全部preventDefault默认行为，则会使这些节点无法响应用户操作，比如聚焦input输入或者改变select的值。某些特殊情况下的需求（比如拖动是纵向单方向的，而另一方向横向上则需要可以用鼠标选

通知：本组件已经于2012年11月30日更新至1.2版本，请移步至《TouchSlider 1.2发布 – 支持宽度不固定幻灯》阅读。 注：应该是不支持IE6的。支持安卓系、iOS苹果机、平板以及PC上的浏览器，包括IE7、IE8等。 触屏手机越来越流行，所以制作网站也要越来越多的考虑手机用户的使用体验。网站上如果有轮换图片的幻灯片（走马灯）之类的功能，就要考虑触屏手机用户的使用体验，而提供他们可以通过手指滑动来切换上一张/下一张的功能，将会是很大的体验提

如果有关注我博客人，应该会发现最近一周之内博客都一直打不开。我一直以为是主机问题，今天联系了客服，才发现原来是我自己的主题的问题。所以今天花了大半天的时间一点点排除问题，最后发现原来是和gravatar的服务器被墙有关。去掉了头像缓存，问题就解决了。 当然，不会白白更新一篇博客的。下面说一个根据自定义字段查询文章的方法。 query_posts可以实现多种组合查询，但是我遇到的一个问题是，需要搜索自定义字段的值。比如为一个p

从标题中可以看出，本文要讲两个方面内容： 第一，按标题首字母排列文章 这个简单，只需在循环（loop）前，添加 /** * 方式一，直接添加查询字符串 */ <?php query_posts( $query_string . '&orderby=title&order=asc' ); ?> /** * 方式二，合并查询数组 */ <?php $args=array_merge( $wp_query->query, array( 'orderby' => 'title', 'order' => 'asc' ) ); query_posts($args); ?> 注: query_posts($args)用来改变主循环，相关使用方法可查询wordpress官方说

昨天写了一篇《 JavaScript: 让拖动支持iphone/ipad触摸 》，今天又无聊，想到了图片放大(zoom)，让使用ios设备的的用户可以使用两根手指来缩放图片。想了一下，很容易就实现了。 其实原理也就是在图片接收了两个有效触摸点后，在手指移动过程中检测两点之间的距离的变化，以此来对图片进行放大缩小。 不多说，demo在这里（必须使用ios设备查看）。代码如下： var getZoomClass=(function(){ var SupportsTouches = ("createTouch" in document),//判断是否

一般的通过mousedown、mousemove、mouseup等打造的拖动，仅仅在普通的键盘+鼠标的电脑设备上可以工作。而到了ios设备上（iphone itouch ipad），则不能工作了。最近因为做个东西，需要支持ios设备，所以只好看了下webkit浏览器的触摸事件。 其实也很简单，对应mousedown、mousemove、mouseup的触摸事件分别是touchstart、touchmove、touchend。为了写个demo，花了不少的时间，所以为了节省时间，我文章里就不多说了，仅贴一下相关代码。 DEMO可以在此查看。 var getDr

求新！求变！ 一直以来wordpress的评论也算一个开发重点，每个主题制作者在评论展现方式上的开发也下足了功夫，但是也不外乎都是样式上的变化。淫淫网的新鲜事都可以评论，我很喜欢这种即时评论的方式。所以一直有想法想要移植过来到wordpress上，但是又很懒，所以没有动手。说到懒，博客很久没更新了，很多评论也没回复。 前天有空，所以便动手搞了一下，发现还是很容易的。主要的实现思路说一下： 首先是要设置评论嵌套为2层 只有

前段时间大家都热衷于在wordpress上显示“XX小时，XX分钟前”类似的时间显示方式。 我在开发社交媒体连接插件的最新微博功能时，也想将微博的时间显示与新浪微博的显示方式一致。具体的要求如下： 一分钟之内显示“刚刚”；大于一分钟小于一个小时显示“XX分钟之前”；大于一个小时但在当天之内（小于当天24点），显示“今天 XX:XX”，今天之前，但是在今年之内的显示“XX月XX日，XX:XX”，今年以前的显示“XXXXXX月XX日，XX:XX”。 由于要考

注：2012.04.19更新，完善对IE的支持，修复onerror在IE下不执行问题。 有时候我们需要获取图片的尺寸，以用来对图片进行位置调整、大小限制等操作，以让图片适应页面的显示。传统的方法都是利用图片onload时获取尺寸，我也在介绍我自己用的限制图片尺寸文章中介绍了这种传统方法。但是最近我在《再谈javascript图片预加载技术》这里发现作者介绍了一种更好的方法，获取的速度远远大于传统的方法。 最近更新的社交媒体连接插件的“我的最新微博”

注意，有歌声飘出，赶紧静音先！ 2011.04.12 16:20更新: 经mice童鞋提醒，这种纯JS的图片lazyload都是自欺欺人，所以大家听歌吧，以下别看了。真正的lazyload需要前后端配合。你可以使用firebug或者chrome自带的开发者工具查看下面demo页面的资源resources或者网络，可以看到图片都是被下载下来了，并不会因为src的改变或者移除而停止加载。 lazyload可以用于很多场合，如JS、css的按需加载；对于页面上很多大图片的网站来说，图片的延迟加载，可以很好