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 實現一個作品集縮放效果，類似與圖片放大鏡。
您可能感興趣的相關文章