A-Fu Design

Image Wall with jQuery 照片牆套件

 Image Wall with jQuery 這是一個利用 jQuery 框架建立優美有有設計感的照片牆，在頁面中分散一些尺寸大小不一的圖片縮圖，當使用者在典籍其中的一張圖片時將會產生一條帶狀的幻燈片，在這一個帶狀的幻燈片中可以增加一些文字說明，當使用這再次點擊圖片時帶狀幻燈片即會關閉，隨後再以 Lightbox 效果打開原始圖片。

Ideal Forms 表單美化套件

Ideal Forms 是一個基於 jQuery 框架開發的表單美化套件，輕量級的框架用於建立滿觀和友善的表單介面。他能夠將標準的 input 元素轉化成為一個傭有圓角效果，並且選中元素還有加入了高亮效果的套件，內容的 radio 和 checkbox 完全可以使用自定義的方式。套件中沒有使用到任何的圖片，只用到了非常少的 HTML 語法並且使用 CSS 進行美化。

Sponsor Flip Wall 圖片資訊翻轉中

Sponsor Flip Wall 顯示資料於圖片列表之中，點擊後會翻轉至背面顯示更多的資訊基於 jQuery 框架開發。可用來展示很多的贊助廠商，對於活動網頁是個很方便的套件。範例中使用 PHP 程式語言建立圖片和文字內容的陣列，再以迴圈方式輸出到網頁上顯示。

Background image tweening with jQuery 背景圖片轉換中

Background image tweening with jQuery 一個體積小使用非常簡單方便的背景變換套件，基於 jQuery 框架開發能夠保持 DOM 整潔並且有平滑的過度動畫效果。能夠展示圖片又不影響到其他的網頁元素動作，大多用於網頁最上方橫幅圖片展示。

Animated Scroll to Top 以動畫方式移動到最頂端

Animated Scroll to Top 以動畫方式移動到最頂端，當頁面的滾到條滾到一定的位置的時候，將會顯示出一個向上的按鈕，點擊該按鈕畫面就會慢慢地向上滾動。這是一個利用了 jQuery 框架實作的一個自動滾到到頁面頂部的一個套件。

SpryMap 讓網頁元素能像Google Maps 的拖曳效果

SpryMap 沒有依賴於任何一個框架的超級輕量級的 JavaScript 組件，他能夠讓網頁上的 HTML 元素實現類似於 Google Maps 中的點擊與拖曳效果。網頁上如果有大型的圖片需要展示可以使用這類型的套件程式，方便使用者瀏覽到圖片的每一個小細節。讓您的網站使用者能夠清楚的欣賞您所提供的圖片，注意到小圖片所不能注意的地方。

Create a Realistic Hover Effect With jQuery 動態選單

Create a Realistic Hover Effect With jQuery 利用 jQuery 框架和 jQuery UI 配合，為一組圖標連結加入當滑鼠移過時，圖標會產生上升以及倒影的效果。就像是 Mac 系統中的選單 dock 的類似樣式，在網頁上適合當主要的功能選單提供給使用者炫麗的效果。