Web開發人員不能錯過的 jQuery 教程和案例
jQuery 把驚喜延續到設計領域,處處帶來極大的靈活性,創造了許多體驗良好的設計,而且擁有不錯的效能。這裡分享一組 Web 開發人員不能錯過的jQuery 教程和案例,幫助你更好的掌握 jQuery 在網站實際效果實現中的應用,千萬不要錯過。
Timeline Portfolio
超炫的時間軸展示作品集效果。設計師和前端開發人員可以藉助這個效果來製作新穎的個人簡歷。
Swatch Book with CSS3 and jQuery
基於 CSS3 & jQuery 實現的多彩的動畫 Swatch Book 效果。
Making an Interactive Picture with jQuery
基於 jQuery 實現互動的圖片效果,可以彈出層提示內容。對於介紹圖片的某個部分很有用。
Animated Content Menu with jQuery
使用 jQuery 製作的光滑的動畫內容選單效果。示例使用的是一個餐館的主題。
Create jQuery Pinterest Pin It Plugin
實現類似 Pinterest 的 Pin It 效果。其它例如圖片收藏、分享的效果實現可以參考這個。
Flyout Image Slider Using jQuery & CSS3
使用 jQuery & CSS3 實現的圖片滑塊效果,帶有很炫的圖片翻轉和動畫效果。
Make a Google Powered Shopping Search Website
基於 Google Shopping Search API 打造一個簡單的購物搜尋網站。
Making a jQuery Countdown Timer
使用 jQuery 編寫的一個簡單的倒數計時效果。在事件頁面或者 Comming Soon 頁面可以使用。
Sponsor Flip Wall With jQuery & CSS
使用 jQuery & CSS 編寫的贊助商翻轉牆效果,正面顯示 LOGO,翻轉後顯示介紹和網址。
How to Create an Interactive Graph using CSS3 & jQuery
基於 jQuery & CSS3 編寫的互動的圖表效果,支援線上圖和柱狀圖之間切換。
How to Create Accordion Menu (CSS3+jQuery)
基於 jQuery & CSS3 編寫的平滑的手風琴選單效果。
Shiny Knob Control with jQuery and CSS3
使用 jQuery & CSS3 製作閃亮的旋鈕控制按鈕效果。
An HTML5 Slideshow w/ Canvas & jQuery
基於 Canvas & jQuery 實現一個簡單的 HTML5 幻燈片效果。
Portfolio Zoom Slider with jQuery
使用 jQuery 實現一個作品集縮放效果,類似與圖片放大鏡。
Sweet Tooltip a jQuery & CSS3 Tooltips
基於 jQuery & CSS3 實現各種風格的 ToolTip 效果,這個在網站開發中很有用!
相關文章
- 值得Web開發人員學習的20個jQuery例項教程WebjQuery
- Web開發人員常犯的10個錯誤Web
- Web 開發人員必備的經典 HTML5 教程WebHTML
- 揭開Web開發人員的最初困惑Web
- Web開發人員最易犯下的十種常見錯誤Web
- Web 開發人員備忘單Web
- Web開發人員需知的Web快取知識Web快取
- Web 開發人員需知的 Web 快取知識Web快取
- Web開發人員的6種賺錢之道Web
- 對Web開發人員和設計師有用的10個流程圖Web流程圖
- 給Web開發人員的以太坊入坑指南Web
- 給 Web 開發人員的以太坊入坑指南Web
- 給 Web 開發人員推薦的文件生成工具Web
- Web開發人員能用上的15個新工具Web
- WEB開發人員的微軟技術戰略薦Web微軟
- 對Web開發人員有用的8個網站Web網站
- 有多少開發人員是年過四十的?
- IE8開發人員工具教程(二)
- IE8開發人員工具教程(一)
- web開發人員職業發展的11個階段Web
- Web開發者不能錯過的10個JavaScript工具WebJavaScript
- Web前端開發人員和設計師必讀文章【系列十一】Web前端
- 優秀的開發人員和測試人員應有的態度
- 對Web設計和開發人員有用的15個Chrome擴充套件WebChrome套件
- PHP開發人員常犯的10個MysqL錯誤PHPMySql
- 面向Web開發人員的Linux實用入門WebLinux
- Web開發人員應當收藏的10個網站Web網站
- Oracle開發人員 JAVA儲存過程OracleJava儲存過程
- 對於Web開發很有用的jQuery效果製作教程WebjQuery
- 什麼是Web開發?如何成為一個Python Web開發人員?WebPython
- Web開發人員的福音!8個實用的SVG工具WebSVG
- 開發人員 vs 測試人員
- Web開發人員應當知道的15個開源專案Web
- GitOps 如何改善開發人員和運維人員的日常工作?Git運維
- 開發人員愛開發
- 怎樣和開發人員相處
- 開發人員應關注的20個jQuery網站/部落格jQuery網站
- Python開發人員常犯的幾個重大錯誤Python