A-Fu Design

Create a Realistic Hover Effect With jQuery 動態選單

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

jRumble 讓網頁元素有震動效果

jRumble 是一個可以讓網頁上的任何元素產生抖動、震動、搖動特效，可設定多種的方法來產生動畫的特效，使用這些特效的目的是希望可以更加吸引使用者能夠很快的注意到這一個網頁元素。jRumble 基於 jQuery 框架製作可以讓開發者更加容易地為網頁元素增加方法來執行 jRumble 的動畫效果，也因為是使用到了 jQuery 框架，所以對大部分瀏覽器都是有支援的。

3D Thumbnail hover effects 圖片 3D 動畫摺疊效果

3D Thumbnail hover effects 滑鼠滑過圖片的所發生的 3D 動畫摺疊效果，建立一個結構將允許我們使用 jQuery 框架使圖片顯示為摺疊或者是彎曲，當使用者的滑鼠滑過時，使用 CSS3 和 jQuery 讓圖片產生 3D 的變化效果。這一個範例因為是使用 CSS3 ，所以並不支援對 CSS3 沒有支援的 IE10 以下的瀏覽器並不支援。

diagonalFade 實際執行畫面

diagonalFade 是一個 jQuery 框架下的套件，這一個套件主要的功能是讓你能夠輕鬆的使網頁元素能夠朝指定方向淡入淡出，你所要做的事情只有指定項目組所在的容器，然後指定他的元素和淡入或淡出以及他的方向。適用於現在大部分的瀏覽器之上。

Curl.js 實際執行畫面

Curl.js 可以幫助你在您的網站上的圖片增加捲曲的效果(包含背面遮罩)，沒有依賴在任何一個框架之下，可以在所有的主流瀏覽器中執行，Mozilla Firefox1.5 +、Opera 9+、Safari、IE6+、Google Chrome，使用方法簡單也支援圖片動態增加捲曲效果。

GlassBox 實際執行畫面

GlassBox是一個輕量級的JavaScript用戶介面庫，他有稍微使用到Prototype和 Script.aculo.us這兩個框架，GlassBox可以讓您輕鬆的建立透亮的邊框，易於使用可訂製和可換的外觀，有連貫性的API基於CSS參數值，可動態加載基本的AJAX XHR，測試IE6以上FireFox2、Opera 9 、Safari 3 、Chrome皆可用。