• A-Fu Design
  • 前端設計
    • jQuery 套件
    • HTML 5
  • 關於A-Fu
  • 隱私權政策
  • 聯絡A-Fu
Google+ facebook twitter

A-Fu Design

A-Fu Design

Create a Realistic Hover Effect With jQuery 動態選單 A-Fu Design
Create a Realistic Hover Effect With jQuery 動態選單
Create a Realistic Hover Effect With jQuery 利用 jQuery 框架和 jQuery UI 配合,為一組圖標連結加入當滑鼠移過時,圖標會產生上升以及倒影的效果。就像是 Mac 系統中的選單 dock 的類似樣式,在網頁上適合當主要的功能選單提供給使用者炫麗的效果。
Share
Tweet
Pin
Share
No 意見
jRumble 讓網頁元素有震動效果 A-Fu Design
jRumble 讓網頁元素有震動效果
jRumble 是一個可以讓網頁上的任何元素產生抖動、震動、搖動特效,可設定多種的方法來產生動畫的特效,使用這些特效的目的是希望可以更加吸引使用者能夠很快的注意到這一個網頁元素。jRumble 基於 jQuery 框架製作可以讓開發者更加容易地為網頁元素增加方法來執行 jRumble 的動畫效果,也因為是使用到了 jQuery 框架,所以對大部分瀏覽器都是有支援的。
Share
Tweet
Pin
Share
No 意見
3D Thumbnail hover effects 圖片 3D 動畫摺疊效果 A-Fu Design
3D Thumbnail hover effects 圖片 3D 動畫摺疊效果
3D Thumbnail hover effects 滑鼠滑過圖片的所發生的 3D 動畫摺疊效果,建立一個結構將允許我們使用 jQuery 框架使圖片顯示為摺疊或者是彎曲,當使用者的滑鼠滑過時,使用 CSS3 和 jQuery 讓圖片產生 3D 的變化效果。這一個範例因為是使用 CSS3 ,所以並不支援對 CSS3 沒有支援的 IE10 以下的瀏覽器並不支援。
Share
Tweet
Pin
Share
No 意見
diagonalFade 實際執行畫面 A-Fu Design
diagonalFade 實際執行畫面
diagonalFade 是一個 jQuery 框架下的套件,這一個套件主要的功能是讓你能夠輕鬆的使網頁元素能夠朝指定方向淡入淡出,你所要做的事情只有指定項目組所在的容器,然後指定他的元素和淡入或淡出以及他的方向。適用於現在大部分的瀏覽器之上。
Share
Tweet
Pin
Share
No 意見
Curl.js 實際執行畫面
Curl.js 實際執行畫面
Curl.js 可以幫助你在您的網站上的圖片增加捲曲的效果(包含背面遮罩),沒有依賴在任何一個框架之下,可以在所有的主流瀏覽器中執行,Mozilla Firefox1.5 +、Opera 9+、Safari、IE6+、Google Chrome,使用方法簡單也支援圖片動態增加捲曲效果。
Share
Tweet
Pin
Share
No 意見
GlassBox 實際執行畫面-fufuk
GlassBox 實際執行畫面
GlassBox是一個輕量級的JavaScript用戶介面庫,他有稍微使用到Prototype和 Script.aculo.us這兩個框架,GlassBox可以讓您輕鬆的建立透亮的邊框,易於使用可訂製和可換的外觀,有連貫性的API基於CSS參數值,可動態加載基本的AJAX XHR,測試IE6以上FireFox2、Opera 9 、Safari 3 、Chrome皆可用。
Share
Tweet
Pin
Share
No 意見
Older Posts

About me

還在努力掙扎中的工程師

Follow Us

  • Google+
  • facebook
  • twitter

Categories

Accordion Animation AutoComplete CSS Calendar Canvas Carousel Charts Color DatePicker Effects Facebook API Forms Gallery HTML5 Menu Mootools Prototype React images jQuery javascripts lightbox 前端技術 統計圖表 網頁設計

Recent Posts

Sponsor


勸敗攻略

Facebook

Blog Archive

  • 5月 2026 (8)
  • 4月 2026 (58)
  • 3月 2026 (62)
  • 2月 2026 (55)
  • 1月 2026 (62)
  • 12月 2025 (62)
  • 11月 2025 (58)
  • 10月 2025 (62)
  • 9月 2025 (60)
  • 8月 2025 (62)
  • 7月 2025 (62)
  • 6月 2025 (58)
  • 4月 2025 (48)
  • 3月 2025 (60)
  • 2月 2025 (51)
  • 1月 2025 (56)
  • 12月 2024 (61)
  • 11月 2024 (60)
  • 10月 2024 (54)
  • 9月 2024 (55)
  • 8月 2024 (42)
  • 7月 2024 (40)
  • 6月 2024 (19)
  • 9月 2023 (3)
  • 4月 2023 (2)
  • 2月 2023 (1)
  • 12月 2021 (1)
  • 1月 2019 (11)
  • 12月 2018 (31)
  • 11月 2018 (31)
  • 10月 2018 (31)
  • 9月 2018 (30)
  • 8月 2018 (31)
  • 7月 2018 (3)
  • 2月 2018 (1)
  • 4月 2015 (1)
  • 9月 2014 (1)
  • 2月 2014 (1)
  • 7月 2013 (1)
  • 2月 2013 (2)
  • 1月 2013 (1)
  • 12月 2012 (12)
  • 11月 2012 (81)
  • 10月 2012 (64)

Created with by ThemeXpose | Distributed by Blogger Templates