­
12月 2012 - A-Fu Design

clueTip 簡單又方便的的提示工具基於 jQuery 框架

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

Continue Reading

使用 Google API 將文字或網址轉換成 QRCode (下)

上午11:08 / BY Fu
使用 Google Char API 所產生本站的 QRCode 上一篇提到的 QRCode 這裡提供的是下集,使用 POST 方式來取得 QRCode,以三種不同的語法取得,可以使用到基礎的 HTML 也可使用到顯在幾較多人使用的 JavaScript 語法,或者是很方便使用的 PHP 程式碼來取的 QRCode 顯示在您的網頁當中。 ...

Continue Reading

使用 Google API 將文字或網址轉換成 QRCode (上)

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

Continue Reading

Expander 以動畫效果顯示或隱藏更多的網頁內容

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

Continue Reading

QuickWire 快速地顯示或隱藏你的表單選擇提示項目

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

Continue Reading

Image Wall with jQuery 美麗又有設計感的照片牆套件

上午10:21 / BY Fu
Image Wall with jQuery 照片牆套件  Image Wall with jQuery 這是一個利用 jQuery 框架建立優美有有設計感的照片牆,在頁面中分散一些尺寸大小不一的圖片縮圖,當使用者在典籍其中的一張圖片時將會產生一條帶狀的幻燈片,在這一個帶狀的幻燈片中可以增加一些文字說明,當使用這再次點擊圖片時帶狀幻燈片即會關閉,隨後再以 Lightbox 效果打開原始圖片。 ...

Continue Reading

Ideal Forms 表單元素美化套件基於 jQuery 框架開發

上午10:45 / BY Fu
Ideal Forms 表單美化套件 Ideal Forms 是一個基於 jQuery 框架開發的表單美化套件,輕量級的框架用於建立滿觀和友善的表單介面。他能夠將標準的 input 元素轉化成為一個傭有圓角效果,並且選中元素還有加入了高亮效果的套件,內容的 radio 和 checkbox 完全可以使用自定義的方式。套件中沒有使用到任何的圖片,只用到了非常少的 HTML 語法並且使用 CSS 進行美化。 ...

Continue Reading

Sponsor Flip Wall 圖片翻轉顯示更多的資訊基於 jQuery

上午11:03 / BY Fu
Sponsor Flip Wall 圖片資訊翻轉中 Sponsor Flip Wall 顯示資料於圖片列表之中,點擊後會翻轉至背面顯示更多的資訊基於 jQuery 框架開發。可用來展示很多的贊助廠商,對於活動網頁是個很方便的套件。範例中使用 PHP 程式語言建立圖片和文字內容的陣列,再以迴圈方式輸出到網頁上顯示。 ...

Continue Reading

Background image tweening 背景自動變換套件基於 jQuery

下午1:20 / BY Fu
Background image tweening with jQuery 背景圖片轉換中 Background image tweening with jQuery 一個體積小使用非常簡單方便的背景變換套件,基於 jQuery 框架開發能夠保持 DOM 整潔並且有平滑的過度動畫效果。能夠展示圖片又不影響到其他的網頁元素動作,大多用於網頁最上方橫幅圖片展示。 ...

Continue Reading

Animated Scroll to Top 以動畫方式移動到最頂端

下午1:14 / BY Fu
Animated Scroll to Top 以動畫方式移動到最頂端 Animated Scroll to Top 以動畫方式移動到最頂端,當頁面的滾到條滾到一定的位置的時候,將會顯示出一個向上的按鈕,點擊該按鈕畫面就會慢慢地向上滾動。這是一個利用了 jQuery 框架實作的一個自動滾到到頁面頂部的一個套件。 ...

Continue Reading

SpryMap 讓 HTML 元素能夠像Google Maps 的拖曳效果

中午12:27 / BY Fu
SpryMap 讓網頁元素能像Google Maps 的拖曳效果 SpryMap 沒有依賴於任何一個框架的超級輕量級的 JavaScript 組件,他能夠讓網頁上的 HTML 元素實現類似於 Google Maps 中的點擊與拖曳效果。網頁上如果有大型的圖片需要展示可以使用這類型的套件程式,方便使用者瀏覽到圖片的每一個小細節。讓您的網站使用者能夠清楚的欣賞您所提供的圖片,注意到小圖片所不能注意的地方。 ...

Continue Reading

類似 Mac 的 dock 顯示 Create a Realistic Hover Effect

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

Continue Reading