10款超炫的開源jquery的源碼預覽效果

標籤：des   blog   http   io   color   ar   使用   java   strong   

1.Flat Surface Shader – 超炫的 3D 類比照明效果

Flat Surface Shader 是一個超炫的 3D 類比照明效果，可以配置使用基於 Canvas 的 2D 上下文或者基於 SVG 多邊形數組繪製三角形。它還採用原生的 Float32Arrays 儲存數字資料，進行高度最佳化的計算。可以調整顏色參數預覽效果，而且可以匯出映像。

線上示範

源碼下載

2.Sidr – 建立側欄和響應式菜單的最佳 jQuery 外掛程式

側欄隱藏菜單是一個很好的方式，使得使用者可以在需要的時候查看導航選項。而且這種方式對於響應式布局非常完美，因為節省空間的。Sidr 是建立側欄和響應式菜單的最佳 jQuery 外掛程式，提供了多種菜單的顯示方案。

線上示範

源碼下載

3.Chardin.js – 很別緻的 HTML 元素遮罩介紹效果

有的時候，我們想要在頁面上向使用者展示某個元素的細節或者引導使用者進行操作。Chardin.js 就是這樣一款 jQuery 外掛程式，可以協助我們實現別緻的遮罩介紹效果。它使用給定的元素的自訂資料屬性“中的資訊，一旦觸發便會啟用用於指引和介紹的遮罩效果。

線上示範

源碼下載

4.IVORY – 輕量、靈活、功能強大的前端開發架構

Bootstrap 和 Foundation 是目前使用最廣發的前端開發架構，不過有的時候我們需要的是一個更輕量的方案，IVORY 也許就是你需要的。IVORY 基於12列的響應式網格布局，包含表格，按鈕，表格，分頁，撥動開關，工具提示，手風琴，選項卡等網站中常用的組件和樣式。

線上示範

源碼下載

5.iCheck：超級精美的自訂複選框 & 選項按鈕

iCheck 是一套基於 jQuery 的自訂複選框和選項按鈕，以避免在日常開發中重複造輪子。在數量龐大的瀏覽器，裝置和它們的不同版本中，它提供了風格一致的外觀。回調和方法可以用來方便地處理修改和自訂輸入。

線上示範

源碼下載

6.PathFinding.js – 綜合性的 JavaScript 路徑尋找庫

PathFinding.js 是一個綜合性的 JavaScript 路徑尋找庫。這個項目的目的是提供一個可以很容易地納入網頁遊戲的路徑尋找庫。它可以運行在 Node.js 或瀏覽器中。提供的線上示範展示了演算法是如何執行的。當執行個體化路徑尋找器的時候，你可以傳遞額外的參數來表示具體的策略。

線上示範

源碼下載

7.jQuery Unveil – 另一款非常輕量的消極式載入外掛程式

jQuery Unveil 是一款輕量的消極式載入外掛程式，支援提供用於視網膜顯示裝置的高解析度映像。這個外掛程式非常有用，它能提高長網頁中映像的載入效能，因為視口以外的映像（可見部分網頁）將不會被載入，直到使用者滾動到它們所在的地區。消極式載入有一些很酷的選項，如自訂效果，容器，事件或資料屬性。如果你不想使用這些功能，你可以減小檔案的大小，只留下必要的代碼來顯示映像。

線上示範

源碼下載

8.使用 FlipClock.js 製作精美的時鐘、定時器和倒計時功能

FlipClock.js 被建立出來是因為其他的解決方案不夠抽象，不能夠在不重寫的代碼的情況下提供了深層次的自訂。有些庫的參數過多，而另外一些則是指令碼中的寫入程式碼太多，不夠靈活。在參考許多現有的解決方案的基礎上，FlipClock.js 提供可擴充的 API ，能夠建立任何形式的時鐘、計數器或者倒計時功能，而且翻頁效果很酷。

線上示範

源碼下載

9.純css3實現的色彩坡形按鈕

今天給大家帶來一款純css3實現的色彩坡形按鈕。這款按鈕的邊框和文字的顏色通過css3實現兩種顏色的漸層。

線上示範

源碼下載

10.jQuery & CSS 製作金屬質感的選擇按鈕

如果能把 CSS 運用好，我們創作出好的互動和效果的可能性大大增加。這篇文章中，我想與大家分享一組結合 jQuery & CSS 製作的充滿金屬質感的選擇框效果，絕對是超級精美的效果。

線上示範

源碼下載

10款超炫的開源jquery的源碼預覽效果