【IT168 专稿】新年伊始，相信广大的程序员们也都有了自己的新年计划。在新的一年里，你为自己定下了怎样的目标呢？本文选取了在2011年最给力的18个jQuery的教程分享给大家，希望大家在新年开始能学习到不少实用的jQuery技术知识。

　　1、利用视觉差效果的幻灯图片播放器

　　在这篇教程中(http://tympanus.net/codrops/2011/01/03/parallax-slider/)，将介绍如何利用人的视觉差的原理，设计一个向左滑动的幻灯图片播放器，其中当用户在浏览图片时，会感觉到图片和背景都在向左快速滑动，效果很眩。

　　2、表单切换的动画效果

　　在这篇教程中(http://tympanus.net/codrops/2011/01/06/animated-form-switching/)，你将会学习到如何在用户填写表单时(一般来说都会有若干步)切换几种不同的表单的效果，这可以让用户在表单切换时，感觉到依旧是在同一个页面中的变换效果。实现其实很简单，都是在一个页面容器中进行了动画的变换，只不过是在表单的尺寸大小都变换了。

　　3、一个jQuery实现的带有预览缩略图的图片库效果

　　在这篇教程中(http://tympanus.net/codrops/2011/01/19/sweet-thumbnails-gallery/)，你将会学习到如何用jQuery实现一个向左滑动的图片浏览功能，但这个跟普通的图片浏览功能有点不同的时，当用户点上图的下面那些小圆点的时候，能够预览到还没查看的图片的小的预览图，这样将会方便用户决定是否继续去查看，如果愿意查看的话，则点击缩略图就可以打开完整的图片了。

　　4、一个特别的引号显示效果

　　在这篇教程中(http://www.marcofolio.net/webdesign/jquery_quickie_smooth_animated_quote_display.html)，你将会学习到，如何把一段文字放在一个如上图显示的特别的双引号之内。

　　5、阅读jQuery代码后的收获

　　Paul Irish这位工程师，致力与jQuery和Google Chrome的研究，做了一个视频讲解，(http://net.tutsplus.com/articles/lectures/11-more-things-i-learned-from-the-jquery-source/)，在其中讲解了他从jQuery代码中的阅读所得。

　　6、用jQuery实现一个HTML5的幻灯自动播放效果

　　在HTML5中，播放图片时可以设置自动播放的属性，而在本篇教程中(http://tutorialzine.com/2011/01/how-to-make-auto-advancing-slideshows/)，讲解了如何使用jQuery去实现这个效果。