1. 程式人生 > >值得 Web 開發人員學習的20個 jQuery 例項教程

值得 Web 開發人員學習的20個 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

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

線上演示     原始碼下載

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 工具提示效果選單。

線上演示     原始碼下載