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去实现这个效果。