A-Fu Design

jqIpLocation 實際執行畫面

jqIpLocation 可使用 IP 位址來查詢使用者大約位置，主要使用的是 IPInfoDB.com 的 IP 資料庫，在做有關於地圖的網站時，偶爾會需要直接偵測到使用者的約略位置，使用 IP 來取得使用者的方式算是簡單又方便的方式，當然有使用到 HTML5 的網站的話就可以直接使用 Geolocation 會更加的方便。

ScrollUp 實際執行畫面

ScrollUp 是一個輕量級的 jQuery 套件，可輕鬆簡單的讓任何的網站建立一個自定義的滑動到網頁頂端的功能，如果網站或文章的長度超過了一個視覺的長度，讓使用者慢慢地滑回最上方實在是很不方便，所以有這樣一個方便的套件，讓使用者按一下畫面就會慢慢地滑上頂端，使用者馬上就可以執行他蝦一個想看的選項。

Lazy Load 網頁圖片延遲加載

Lazy Load 當你的網站上有很多商品圖片的時候，會開始慢慢地感覺到進入網站的速度是越來越慢，而這一個套件主要是先讓網頁加載非圖片的靜態檔案，當使用者開始做向下瀏覽的時候才開始加載網站的圖片，對於有比較多圖片的網頁使用延遲加載的功能，能夠很有效的提高網頁本身的顯示速度，基於 jQuery 框架對於開發網站其他功能也很方便。

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 框架方便網頁設計擴充使用。