PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> Javascript >> 

18个最给力jQuery教程分享

18个最给力jQuery教程分享

来源:PHP程序员站  作者:PHP程序员站  发布时间:2011-02-11
新年伊始,相信广大的程序员们也都有了自己的新年计划。在新的一年里,你为自己定下了怎样的目标呢?本文选取了在2011年最给力的18个jQuery的教程分享给大家,希望大家在新年开始能学习到不少实用的jQuery技术知识。 1、利用视觉差效果的幻灯图片播放器 在这篇教程中( h
新年伊始,相信广大的程序员们也都有了自己的新年计划。在新的一年里,你为自己定下了怎样的目标呢?本文选取了在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去实现这个效果。


延伸阅读:
JQuery 常用方法基础教程
15个最佳jQuery幻灯插件和教程
实用简单的jQuery插件教程
Tags: jQuery教程   jQuery  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号