Web開發人員不能錯過的 jQuery 教程和案例

lhb25發表於2013-12-12

  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

jquerytutorials

  使用 jQuery 製作的光滑的動畫內容選單效果。示例使用的是一個餐館的主題。

  原始碼下載      線上演示

  Create jQuery Pinterest Pin It Plugin

jquerytutorials

  實現類似 Pinterest 的 Pin It 效果。其它例如圖片收藏、分享的效果實現可以參考這個。

  原始碼下載      線上演示

  Flyout Image Slider Using jQuery & CSS3

jquerytutorials

  使用 jQuery & CSS3 實現的圖片滑塊效果,帶有很炫的圖片翻轉和動畫效果。

  原始碼下載      線上演示

  Make a Google Powered Shopping Search Website

jquerytutorials

  基於 Google Shopping Search API 打造一個簡單的購物搜尋網站。

  原始碼下載      線上演示

  Making a jQuery Countdown Timer

jquerytutorials

  使用 jQuery 編寫的一個簡單的倒數計時效果。在事件頁面或者 Comming Soon 頁面可以使用。

  原始碼下載      線上演示

  Sponsor Flip Wall With jQuery & CSS

jquerytutorials

  使用 jQuery & CSS 編寫的贊助商翻轉牆效果,正面顯示 LOGO,翻轉後顯示介紹和網址。

  原始碼下載      線上演示

  How to Create an Interactive Graph using CSS3 & jQuery

jquerytutorials

  基於 jQuery & CSS3 編寫的互動的圖表效果,支援線上圖和柱狀圖之間切換。

  原始碼下載      線上演示

  How to Create Accordion Menu (CSS3+jQuery)

jquerytutorials

  基於 jQuery & CSS3 編寫的平滑的手風琴選單效果。

  原始碼下載      線上演示

  Shiny Knob Control with jQuery and CSS3

jquerytutorials

  使用 jQuery & CSS3 製作閃亮的旋鈕控制按鈕效果。

  原始碼下載      線上演示

  An HTML5 Slideshow w/ Canvas & jQuery

jquerytutorials

  基於 Canvas & jQuery 實現一個簡單的 HTML5 幻燈片效果。

  原始碼下載      線上演示

  Portfolio Zoom Slider with jQuery

jquerytutorials

  使用 jQuery 實現一個作品集縮放效果,類似與圖片放大鏡。

  原始碼下載      線上演示

  Sweet Tooltip a jQuery & CSS3 Tooltips

  基於 jQuery & CSS3 實現各種風格的 ToolTip 效果,這個在網站開發中很有用!

  原始碼下載      線上演示

相關文章