注：应该是不支持IE6的。支持安卓系、iOS苹果机、平板以及PC上的浏览器，包括IE7、IE8等。 触屏手机越来越流行，所以制作网站也要越来越多的考虑手机用户的使用体验。网站上如果有轮换图片的幻灯片（走马灯）之类的功能，就要考虑触屏手机用户的使用体验，而提供他们可以通过手指滑动来切换上一张/下一张的功能，将会是很大的体验提升。 基于此考虑，我在参考了Swipe的实现后，开发了可以同时支持触屏手机手指滑动与PC上鼠标点击滑动的一段

昨天写了一篇《 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层 只有

有时候我们需要获取图片的尺寸，以用来对图片进行位置调整、大小限制等操作，以让图片适应页面的显示。传统的方法都是利用图片onload时获取尺寸，我也在介绍我自己用的限制图片尺寸文章中介绍了这种传统方法。但是最近我在《再谈javascript图片预加载技术》这里发现作者介绍了一种更好的方法，获取的速度远远大于传统的方法。 最近更新的社交媒体连接插件的“我的最新微博”功能支持了图片的显示（如我的右边栏），我在图片的浏览方式上

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

接触过javascript的同学一定都知道JS里的顶级对象window对象包含三个方法：alert（警告框，确定）、confirm（确认框，确认or取消）、prompt（输入确认框，输入内容and确认or取消），没接触过的你也一定在某个网站被狠狠的弹过。。。。 以alert警告框为例，通过调用window.alert(“消息”)可以在浏览器中弹出一个警告窗口（可省略window，直接使用alert）。但是这个窗口在不同的浏览器、不同的操作系统上，外观却并不相同，更不用说和自己网站的风格相搭配了

好久没更新了，再过几十个小时就农历新年了，这篇是今年最后一篇了，提前预祝大家兔年吉祥如意哈。。。。。 之前我写过一篇《【JavaScript温故知新】获取远程图片的尺寸大小》，文中我提供了获取远程图片尺寸（即图片宽度和高度）的方法。在文末我还附加一段代码，是用来调整图片尺寸的。那段代码并没有什么错误，只是由于我没仔细测试，所以当我现在在我的新主题上应用图片调整功能时，发现了这段代码的的不足之处： 主要表现在I

之前做开发时就遇到了这个问题，表现为： 当为某个容器绑定了 onmouseover 或者onmouseout 事件时，如果这个容器中有其它元素节点，那么鼠标在内部移动时会频繁触发 onmouseover和onmouseout 事件。这有个实例，别人的，可以参考下。 而我想要的效果是：事件仅在鼠标进入/离开元素区域触发一次，当鼠标在元素区域内部移动的时候不会触发。 为什么会出现这个原因呢？其实是因为事件冒泡导致的。当鼠标移上或者移出容器中的子节点时，会分别触发mo

我在前面的时候介绍过引用功能的添加（非jquery方法）：《添加引用按钮——轻松打造属于你的WordPress引用回复功能》。 现在我还想再来说一下基于原生JS的回复和引用功能的添加方法，并且是使用监听器绑定事件，不污染DOM节点，力争做到行为与内容分离。 先来看下我的一条评论的结构 可以看到，我是将每条评论放到 li#li-comment-{id} 标签里，然后紧接着有个 div#comment-{id} 的容器，这个容器中就是真正的本条评论的相关内容了。如果这条评论有子