jQuery 下的boxy可以说是一个非常实用的插件，尤其在SNS社区型的大型网站上经常见到风格类似的效果，例如开心网，人人网，facebook网站。这个提示对话框插件功能非常强大，应用非常广泛，具体来讲此jQuery插件包括：提示、确认，拖拉、改变大小、Ajax数据加载等功能。
目前，网上并没有好的针对性的中文讲解页面。大都只是截个图，附加个官方页面的地址。对于新手而言，要通透官方的英文页面需要耗费很大的精力的。我一向喜欢做利人利己的事情，我花了一天多的时间，把官方的英文页面转换成了中文，并对插件进行了一些修改，包括JavaScript，css部分。主要是其内部的英文中文化，使中文用户直接就可以拿来用，且对其按钮进行了美化。然后再写下现在的这篇文章。建议文章配合demo中文演示页面一起看，本文以及demo页面提供详尽完备的关于boxy插件方面的讲解，另外附上源文件打包下载，希望对您有所帮助。
新浪微博是全中国最主流，最具人气，当前最火爆的微博产品。用一句话随意记录生活，用手机随时随地发微博。用秒杀电视的速度发现最热最火最快最酷最新的资讯。
本文不是讲新浪微博产品的，纯粹的技术文章，用JavaScript上实现微博上一个不错的效果——信息发布后，发布条数放大显的动画效果。提供全真的demo实例页面，可以实时观察效果，提供源文件下载，希望对感兴趣的您有所帮助。
上图为人人网好友分组功能模块，我用firebug对其高度进行了改动，所以这里显示的高度比实际的低。图示效果源自facebook，结构比较精细，体验上佳，图中的深色表选中状态。
本文就将演示如何使用jQuery的addClasas与removeClass轻松实现上面很赞的样式效果。本文实例效果包括两个主要部分，一是单击单个好友样式的切换，还有一个就是单击“已选”“未选”文字选项卡按钮后的样式的筛选，均使用ddClasas与removeClass实现。
提供完整的css样式以及JavaScript代码，提供demo实例演示页面和源文件下载。希望对您有所帮助。
在网页上用幻灯片动画效果展示图片等是常用的手段之一，有一类效果相对酷一点的是JavaScript+flash的实现，但是一般这类动画总是占据网页最重要的位置，如果用户未安装flash插件，则显然会有问题。在大型网站上，多使用纯粹的JavaScript实现这类效果。
这里我就尝试性的实现了这个效果。在本文中所展示的这个图片切换的JavaScript代码，个人觉得，还是挺精炼的，希望对有兴趣的同仁能提供一些参考。提供直观的demo实例页面，源代码可以在实例页面上右键单击查看，希望对您有所帮助。
好久没有更新文章了，今天抽了点时间，写了个jQuery插件练手。实现的效果是，鼠标移到缩略图上会显示该图的大图，并且大图跟随鼠标移动；或是移动到提示文字上，也可以显示图片。并且含有方向判别功能，具体来说就是如果缩略图在页面的左半部分，则大图显示在鼠标的右侧，如果缩略图在页面的右半部分，则预览的大图在鼠标的左侧显示。水平有限，可能会有不完善之处，欢迎指正。
提供实例页面效果预览和源文件下载，希望对您有所帮助。
这是我上个月做的一个实例页面，主要想试试如何使用append加载HTML元素，于是想到做一个插入图片的效果。所以这个实例不是为了做插入图片效果而写的js代码，而是为了试试append而做了插入图片的效果。因而做插入图片，这个的代码肯定不是什么值得推荐的代码，但是对于了解append以及insertBefore还是有帮助的。
效果很简单，单击插入图片按钮，就会在页面上插入一张图片，直到8张图片全部显示完毕。
提供实例页面以及源文件下载，希望能对您有所帮助。
这里要介绍的这个效果又称为手风琴效果。用css就可以实现类似的效果，但是使用css只是单纯地将宽度变大和缩小，而使用jQuery可以实现流畅的动画效果，体验会更加不错的！而实现的关键就是animate这个很神奇很伟大很实用的动画函数。
主要的不是讲解animate这个函数，我jQuery，js研究不深，讲了只会被人笑。所以这里只是展示下效果而已，希望能对您有所帮助！
我很喜欢jQuery，因为我发现只要我对css的了解的足够深入，即使我JavaScript不是很在行，一样能做出些不错的动画效果。这里所要展示的是很常见的一种JavaScript特效，在很多地方可以见到，新浪音乐首页就有这种类似的效果。原理是一样的，具体实现可能有差异，如果纯粹的JavaScript写，我估计要整好一会儿，但是使用jQuery，实现这类动画效果就像是踩棉花一样——松松的。
在本实例中，具体描述这个效果就是，您单击上面的小图，下面的大图就会迅速切换到对应的大图，而这个来回移动的效果是很酷的。
提供实例效果演示页面，提供源文件打包下载，希望对您有所帮助。
学习是需要积累的，即使是一个函数，只要肯想，会实现不少好的效果的。这里，就是活用了一个replace字符串替换实现了大小图片切换的效果。
实现的效果有点类似于Google picasa相册不同尺寸图片的切换效果。本实例通过文字大小（font-size）控制图片尺寸的做法是跟Google学习的，但是jQuery代码是根据效果自己想出来的，逻辑很简单，没有什么精妙之处。核心就是使用replace替换img src的图片路径，从而实现不同尺寸图片的切换。
这里重要的其实是图片大小切换效果，里面所蕴含的前端知识还是很多的，可以说将Google的picasa相册图片大小切换实现给提炼简化出来了。
提供实例页面和源文件打包下载，希望能对您有所帮助。
网上购物日趋流行，商品的图片很重要，一个页面上信息量很大，商品图片必然大小有限，很流行的做法是放在图片上，图片放大显示，例如：淘宝。
然而，淘宝的商品图片放大只是单纯的放大，如果能够实现移动放大，局部放大，那么效果会更上一层楼。这里，即将展示的就是类似于放大镜效果的图片局部放大效果。
提供实例页面和源文件打包下载。希望对您有所帮助。
我的应用
我的应用