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

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

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

有时候我们需要获取图片的尺寸，以用来对图片进行位置调整、大小限制等操作，以让图片适应页面的显示。传统的方法都是利用图片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

【前言】没有自己动手写些东西，但是看了不少的技术文。特转载一篇有代表性的文章。原文载于[Jeekundo.com], 是作者翻译自老外的一篇文章。[这里也有一篇类似的文章，来自百度泛用户体验博客的一片文章，也可以查看。其文中有些观点我觉得有错误，查看需谨慎] 本文中插入了我自己的一些批注与看法。我只推荐看前半部分，后半部分无很大意思。 为何要保持标签整洁 一团糟的写法 附加的优化方法 激进的优化方法 物极必反 反

【头题】这又是一篇探讨文。即为我学习中总结，不是教程，不是技术样板，请你抱着怀疑的、挑错的态度来阅读此文。 我早在暑假初的时候写过一篇《我是如何处理文章中图片的》，其实那篇文章中的代码主要是为了限制图片的大小，因为IE对图片的按比例处理支持很不好。比如我对图片限制“max-width:600px”，火狐、chrome等浏览器会按比例缩小图片，而IE这方面较差，往往不是按比例缩小，会导致图片变形。而且IE6不支持max-width。 所以为了兼容性，

【头题】这又是一篇探讨文。即为我学习中总结，不是教程，不是技术样板，请你抱着怀疑的、挑错的态度来阅读此文。 JavaScript和DOM结合的如此之紧，几乎很大一部分代码都是在操作结点。其中就会涉及到设置修改节点的样式。 驼峰写法与浏览器兼容性 所谓“驼峰写法”即是指由有语意的单词组成的键值从第二个单词起要首字母大写，如背景颜色“background-color”使用JS就需要写成“backgroundColor”。类似的还有marginLeft、fontSize、backgroundPosition、overf