A-Fu Design

Scroll Follow 跟隨元素

Scroll Follow 是一個能讓網頁的元素跟著使用者移動基於 jQuery 框架開發，簡單容易使用並且兼容於多瀏覽器，可相容於 Opera 9+、Apple Safari、FireFox、Internet Explorer 6+、Google Chrome 等等的近代的瀏覽器使用。

jQuery contextMenu 右鍵選單

使用 jQuery 框架簡單方便的網頁右鍵選單 contextMenu，可以很容易地曾下上下文的右鍵選單，在任何的網頁程序上面，可以讓網頁看起來更像在使用應用程式的感覺。支援鍵盤控制且可無限量的產生自訂的子選單，可使用禁用項目增加和刪除項目讓選單刷新，支援右鍵或左鍵單及控制多元素可共享選單，個別選單可自訂一回調函式。

標籤雲( tagcloud ) 基於 jQuery 框架

標籤雲記得之前有看過的大部分都是以 FLASH 來製作，但是現在大部分的網站設計的人都知道 SEO 的重要性，所以在網頁設計上盡量的減少 FLASH 的數量，改使用 JavaScript 來達到類似的效果。現在要介紹的標籤雲就是其中一個例子，這一個 jQuery 套件讓你網頁的所有標籤文字全部聚在一起就像一個球的形狀，達到既美觀又實用的效果。

Zebra_Accordion 折疊式選單

Zebra_Accordion 輕量級的手風琴折疊式選單基於 jQuery 框架製作，它定義在一個列表中而且不需要其他任何的特定標記，容易配置完全可以訂製的跨平台的折疊式選單套件。外觀容易使用 CSS 來做訂製，可作用於 FireFox、Opera、Apple Safari、Google Chrome、Internet Explorer 6+近代的瀏覽器中。

Accordion Menu 折疊式選單

Accordion Menu 折疊式選單，在這一個折疊式選單中標題的部分是使用 H3 的網頁標籤，展開的內容子標題是採用 ul 和 li 的網頁標籤組成。一個 CSS 的類別動態的添加到這一個表單當中。標題 H3 標籤點擊來做摺疊選單的開 / 合的動作，一個選單開啟後會關閉其他之前開啟的選單項目。

Portamento 隨卷軸移動的方框

Portamento 類似 Facebook 右邊廣告會跟著捲動的工具選單，不管使用者瀏覽到哪一個段落選單都會一職在旁邊滑動，或者是像 Facebook 一樣做成贊助商的列表，能為贊助商帶來更大的瀏覽版面。Portamento 的工作原理是使用浮動和絕對位置的設計方式，只需要一些簡單的 CSS 和 JavaScript 的程式碼就可以完成了。

Easy Expand jQuery 實際執行畫面

現在的折疊式選單大部分都只能夠在一個時間開啟一個項目，如果使用者或者是您的客戶們希望能夠同一時間看到多個選項，那這一個折疊式選單套件就非常適合你了。Easy Expand jQuery 主要用於同一頁面上輕鬆快速創建多個折疊式面板。可以同時開啟或關閉所有的面板也能夠個別開關。

實際執行畫面

簡單的API開箱即用，無需額外的調整。設計看起來像一個標準的Windows上下文菜單。還可以很容易的增加自己的自定義功能。易於使用體積小 jquery-simple-context-menu 基於 jQuery 方便使用。

zTree 實際執行畫面

利用 jQuery 框架完成大部分常用的 Tree 功能，相容於 IE7、FireFox、Chrome 等近代的瀏覽器。一個頁面可同時生成多個 Tree 支援 JSON 的資料和一次性靜態生成和 AJAX 異步加載兩總方式，支援 Tree 的節點移動還有可以使用 CSS 更換樣式，還可以極其靈活的使用 Checkbox 的選擇功能還可自訂圖標間單的參數配置靈活多變的功能。

jQuery powerFloat 實際執行畫面

jQuery powerFloat 作者的原意就是強大的浮動層。使用 jQuery 框架支援 hover,click,focus 以及無事件觸發，支援多達12種位置定位，頁面元素加載，AJAX加載，下拉列表，提示層效果，可自定義裝載容器支持跟隨滑鼠等等。效果可以做到像 Google 上排選單更多的那一個連結一樣，按下去之後有更多的選項可以點選。

jQuery Collapse 實際執行畫面

jQuery Collapse 是一個輕量級的折疊式選單套件，看名稱就知道是基於 jQuery 框架所撰寫的套件，可支援 Cookie 的進行狀態保存功能，可以讓你的網站使用者記得且知道他上次使用的進度或者是換頁面的時候可以當成選單來記錄使用者的選擇。

Flexible Nav 實際執行頁面

Flexible Nav 可用於網頁右側增加智能導航標籤，類似網頁書籤或者是檔案目錄的功能，對於比較內容比較多的頁面有導航的作用，增加網站適用者體驗。靈活的使用 jQuery 框架，它改善了網頁的導航和可視化的文件的不同部分，文章，..任何網頁。導航鏈接，按比例分配到頁面的部分。

Fixed Fade Out Menu 實際執行畫面

Fixed Fade Out Menu 當你向下滾動頁面選單會呈現半透明的狀態，成為幾乎是透明的。當用戶將鼠標懸停在它的菜單，然後再次變得不透明。我們將有一些鏈接，一個搜索輸入和一個回到最上方和到達頁尾的按鈕，讓使用者導航到該頁面的頂部或底部。

A Stylish Navigation Menu With jQuery 執行畫面

正如你可能知道，一個新的訪問者與網站互動的第一個20秒的確定它們是否要留下或者離開。這意味著你必須遵循共同的設計手法，把網頁做成使用者喜歡的樣式。這個是一個簡單又時尚的 CSS + XHTML 的導航選單 基於 jQuery 框架完成。

iconDock 實際執行畫面

iconDock 是基於 jQuery 框架下的一個套件，可以創建類似 Mac OS X 系統選單的網頁選單效果，圖標可添加對上下文有幫助的提示文字。適用於近代所有瀏覽器瀏覽。

ContextMen 實際執行畫面

ContextMen 是一個輕量級的 jQuery 套件，可以讓你有選擇性的重寫瀏覽器的右鍵選單功能，並且能夠自定義右鍵選單的內容。

選單實際執行畫面

e24TabMenu 是一個可置於網頁最頂端滑動可展示簡介內容的一個套件，選單可以平穩的展開與收縮。

實際執行畫面

極為精簡摺疊選單套件，僅僅使用到 Mootools 框架本身並沒有多出很多的 JavaScript 的程式碼，如果沒有需要用到很多功能的使用者可以使用這一個套件，基本的折疊顏色的更換都是很完美的表現出來。

jQuery - Horizontal Accordion 執行畫面

基於jQuery框架的折疉選單，可仿照XBOX 360 blade的介面方格，也可以自行設定圖片合成專業的選單，小小的空間可以展示更多的內容，套件並且支援自動撥放的功能，就算沒有滑過或按下依然可以顯示不同的資料。

HoverAccordion 執行畫面

這是一個只需要滑鼠一滑過就能執行折疊操作的套件，執行建立在jQuery框架之下適合與其他套件做整合，jQuery HoverAccordion 應用方式簡潔套件主程式內容壓縮後大小僅3KB，有流量限制的網站也不會造成太大的負擔。