10款響應式的 jQuery UI 組件的代碼和模組

標籤：blog   http   io   ar   os   使用   for   strong   檔案   

1.Hashslider – 帶有 Hash 標籤功能的 jQuery 內容滑塊

Hashslider 實現了常見的 jQuery 滑塊的功能，特別之處在於給 URL 加上了標籤，因此你能夠串連到滑塊的某塊內容。滑塊的內容也可以從外部的 HTML 檔案擷取。

線上示範

源碼下載

2.Smint – 用於單頁網站製作的 jQuery 導覽功能表外掛程式

Smint 是一款用於實現單頁風格網站的 jQuery 導航外掛程式，包含兩部分：固定在頁面頂部的精美導航條和能夠在你點擊的時候自動滾動到對應內容的功能表按鈕。Smint 使用非常簡單，只有一個參數用於設定頁面滾動的速度，預設是 500 毫秒，你可以設定為需要的任何值。

線上示範

源碼下載

3.CSS 3D Transforms 實現書本效果

這個使用 CSS 3D Transforms 實現創意書本效果的來自 Codrops 網站。你可以看到兩種類型的書設計：精裝書和平裝書。這兩個效果都可以很容易地使用 CSS 修改。

線上示範

源碼下載

4.jQuery.swatches – 把 Div 變成可愛的調色盤

jQuery.swatches 是一款開源的 jQuery 外掛程式，能夠把一個 Div 轉換成漂亮的調色盤。您可以自訂你想要的類，使用不同的類可以產生不同的調色盤。這個功能能夠協助設計師方便的挑選設計項目的顏色組合。

線上示範

源碼下載

5.Aristochart – 靈活的 HTML5 Canvas 折線圖

Aristochart 是基於 HTML5 Canvas 的折線圖功能庫，具有高定製性和靈活性的特點。Aristochart 會協助你處理圖形顯示，讓你能夠專註於商務邏輯處理。

線上示範

源碼下載

6.基於 CSS3 的全屏網頁過渡特效

向大家分享一個來自 Codrops 的基於 CSS3 實現的全屏網頁過渡特效。頁面初始布局是四個盒子，點擊其中一個會擴張到全屏，其它的會淡出隱藏；關閉當前視圖的時候又恢複到初始狀態。

線上示範

源碼下載

7.Transit – 超平滑的 CSS 過渡和變換動畫效果外掛程式

Transit 是一款 jQuery 外掛程式，用於實現超平滑的 CSS3 過渡和變換動畫效果。藉助這款外掛程式，你可以輕鬆實現 translate、rotate、scale 和 skew 等眾多效果。

線上示範

源碼下載

8.純css3實現的動畫按鈕

今天給大家分享一款純css3實現的動畫按鈕。第一排的按鈕當滑鼠經過的背景色動畫切換，表徵圖從右側飛入，第二排的按鈕當滑鼠經過的時候邊框動畫切換，表徵圖右側飛入，效果非常好。

線上示範

源碼下載

9.基於jquery和css3的響應式二級導覽功能表

今天給大家分享一款基於jquery和css3的響應式二級導覽功能表，這款導航是傳統的基於頂部，滑鼠經過的時候顯示二級導航，還採用了當前流行的響應式設計。

線上示範

源碼下載

10.使用 HTML5 Canvas 繪製出驚豔的水滴效果

HTML5 在不久前正式成為推薦標準，標誌著全新的 Web 時代已經來臨。在眾多 HTML5 特性中，Canvas 元素用於在網頁上繪製圖形，該元素標籤強大之處在於可以直接在 HTML 上進行圖形操作，具有極大的應用價值。這裡分享一個驚豔的 Canvas 水滴效果，雙擊可以把水滴分離；拖放到一起可以融合；晃動瀏覽器可以讓水滴跳動；鍵盤左右鍵可以切換皮膚；上下鍵可以變換大小。

線上示範

源碼下載

10款響應式的 jQuery UI 組件的代碼和模組