值得Web開發人員學習的20個jQuery例項教程
這篇文章挑選了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
這個教程稍微有點複雜,將教你如何製作響應式的水平佈局。
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 工具提示效果選單。
相關文章
- [譯] 用 WebAssembly 提速 Web App 20 倍(例項學習)WebAPP
- 為什麼 Web 開發人員需要學習一個 JavaScript 框架?WebJavaScript框架
- 20 個值得學習的 Vue 開源專案Vue
- 一個pyspark 開發練習例項Spark
- web前端學習路線-20個真實web開發專案集合Web前端
- WEB例項:開發一個聊天室應用Web
- 什麼是Web開發?如何成為一個Python Web開發人員?WebPython
- jQuery 例項jQuery
- Web Components 入門例項教程Web
- jQuery 個人學習知識點jQuery
- PHP+jQuery開發簡單的翻牌抽獎例項PHPjQuery
- 雷達模組開發學習教程(一)——檢測人員資訊
- Web 開發人員備忘單Web
- Java開發學習(四)----bean的三種例項化方式JavaBean
- Web開發學習Web
- Makefile例項學習
- 給 Web 開發人員的以太坊入坑指南Web
- 給Web開發人員的以太坊入坑指南Web
- 面向Web開發人員的Linux實用入門WebLinux
- 什麼人適合學習web前端?怎樣學好web前端開發?Web前端
- Go語言學習教程:管理員登入功能開發Go
- 原生js使用物件導向的方法開發選項卡例項教程JS物件
- jQuery實現的表格展開伸縮效果例項jQuery
- 學習web前端開發的原因Web前端
- jQuery Ajax 例項 全解析jQuery
- Web 開發學習筆記(1) — 搭建你的第一個 Web ServerWeb筆記Server
- tail命令學習例項AI
- 一個web前端開發者學習Flutter 的歷程(一)Web前端Flutter
- 學習Web開發,就業方向你知道幾個 ?Web就業
- 一個NB的web前端開發者,是怎麼學習的?Web前端
- C#快速入門教程(3)——類的靜態成員和例項成員C#
- CSS學習摘要-定位例項CSS
- Python學習:類和例項Python
- 通過例項學習 PyTorchPyTorch
- 值得學習的技術人——阮一峰
- HackerRank開發人員調研報告:2019年想學的語言、框架,值得采用的技術等框架
- 自媒體如何打造個人ip?這幾個技巧值得學習
- jQuery tab選項卡效果程式碼例項jQuery
- Java例項教程Java