A-Fu Design

clueTip 提示工具 jQuery 套件

clueTip 這是一個能夠方便您為一個連結或者任何的網頁元素增加一個 ToolTips (提示訊息)的功能，基於 jQuery 框架開發方便您為網頁增加更多不同的功能。在使用這一個套件連結包括 Title 屬性的時候，它的內容就可以直接變成了 clueTip 的標題文字。clueTip中顯示的內容更可以透過 ajax 的方式取得，也可以是當前頁面的元素項目。

使用 Google Char API 所產生本站的 QRCode

上一篇提到的 QRCode 這裡提供的是下集，使用 POST 方式來取得 QRCode，以三種不同的語法取得，可以使用到基礎的 HTML 也可使用到顯在幾較多人使用的 JavaScript 語法，或者是很方便使用的 PHP 程式碼來取的 QRCode 顯示在您的網頁當中。

使用 Google Char API 所產生本站的 QRCode

現在手機上網實在是很普遍的一件事情，但是在手機上打字總是有點麻煩，如果要你網站的使用者手動去 KEY 下您要做宣傳的網址應該是不太有可能會有人真的這麼做，那如果換成拍個照片就能夠到達您需要宣傳的網址，哪使用的人數應該是會大大的提升。所以目前很多人都會使用到 QRCode，現在 Google API 中有提供轉換的方式，可使用直接連接或者是以 POST 的方式去取得 QRCode 對開發者和使用者都是極大的方便。

Expander 顯示隱藏文字內容

Expander 以動畫效果顯示或隱藏更多的網頁內容，並且增加了一個"更多"的連結，可以讓使用者查看更多的文字內容。默認的情況下，點擊後會出現"更少"的連結可再次的隱藏文章的內容，本套件使用的是 jQuery 框架方便網頁設計擴充使用。

QuickWire 表單顯示隱藏開發 jQuery 套件

QuickWire 是一個能夠讓開發者簡單容易的顯示或隱藏表單元素的內容，使用簡單的程式配置方式節省開發者的時間。不用再重複的撰寫繁雜的程式碼片段，當您有很多相互作用的網頁需要建立時，你可以讓他們可以單一的產生作用，輕鬆且容易地採用同樣的動作讓表單元素能夠顯示或者是隱藏，讓您的用戶有全部一致的使用介面。

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 的類似樣式，在網頁上適合當主要的功能選單提供給使用者炫麗的效果。