值得Web開發人員學習的20個jQuery例項教程

lhb25發表於2014-01-08
原文網址 : http://www.admin10000.com/document/3675.html
WebjQuery

　　這篇文章挑選了20個優秀的 jQuery 例項教程，這些 jQuery 教程將幫助你把你的網站提升到一個更高的水平。其中，既有網站中常用功能的的解決方案，也有極具吸引力的亮點功能的實現方法，相信通過對這些教程的學習能夠帶給您很大的收穫。

　　1. How to create a parallax scrolling using jQuery

　　學習使用 jQuery 實現一個精美的視差滾動（Parallax Scrolling）幻燈片效果。

線上演示     原始碼下載

　　2. How to make a curving text using jQuery and CSS3

　　教你綜合運用 jQuery 和 CSS3 實現創意的文字彎曲效果。

線上演示     原始碼下載  

　　3. How to create moving boxes content with jQuery

　　這個例項教程將介紹如何使用 jQuery 實現動感的運動內容框效果。

線上演示     原始碼下載  

　　4. Shutter effect portfolio with jQuery

　　學習使用 jQuery 製作超炫的快門效果的作品集。 

　　線上演示     原始碼下載

　　5. How to make a responsive horizontal layout

　　這個教程稍微有點複雜，將教你如何製作響應式的水平佈局。

Responsive Horizontal Layout

線上演示     原始碼下載

　　6. Pretty Simple Content Slider with jQuery and CSS3

　　學習使用 jQuery & CSS3 製作一個漂亮的內容滑塊效果。

線上演示     原始碼下載

　　7. How to shuffle between images using JQuery

　　學習使用 jQuery 對圖片進行重組，拖拽方式的重排。

線上演示     原始碼下載

　　8. How to create a thumbnail proximity effect using jQuery

　　學習如何藉助 jQuery 製作效果很酷的圖片縮圖效果。

線上演示     原始碼下載

　　9. How to create an attractive before and after photo effect

　　這個教程很實用，你將學習如何使用 jQuery 製作照片前後對比效果。

線上演示     原始碼下載

　　10. How to Create an Upload Form using jQuery and PHP

　　學習如何結合 jQuery 和 PHP 製作上傳表單效果。

線上演示     原始碼下載

　　11. How to create a simple voting  using JQuery

　　學習使用 jQuery 製作一個簡單的投票功能。

線上演示     原始碼下載

　　12. JQuery Internal link animation scrolling

　　學習使用 jQuery 製作動態錨點功能。

線上演示     原始碼下載

　　13. How to build an e-mail request invitation form with jQuery

　　通過這個例項教程，你將學習到如何使用 jQuery 構建一個 Email 邀請表單。

線上演示     原始碼下載

　　14. How to create a neat calendar using only jQuery and CSS3

　　學習使用 jQuery & CSS3 製作一款簡潔的日曆。

線上演示     原始碼下載

　　15. How to change image on click with jQuery

　　學習如何使用 jQuery 實現在點選的時候替換圖片。

線上演示     原始碼下載

　　16. How to expand stacked images using jQuery slider

　　這個教程教您如何使用 jQuery 滑塊來展開堆疊在一起的圖片。

線上演示     原始碼下載

　　17. Enhance your checkboxes using jQuery and CSS3

　　學習如何結合 jQuery & CSS3 增強選擇框，實現超級精美的效果。

線上演示     原始碼下載

　　18. How to create a Metro style menu using jQuery

　　學習如何使用 jQuery 建立 Metro 風格的選單效果。

線上演示     原始碼下載

　　19. How to create an animated Scroll to Top

　　來自 Web Designer Wall 的經典教程，介紹如何製作滾動到頂部功能。

線上演示     原始碼下載

　　20. How to create a simple JQuery Flickr style tooltip menu

　　學習如何使用 jQuery 製作簡單的 Flickr 工具提示效果選單。

線上演示     原始碼下載

相關文章