Pages

JQuery 清單特效 plugin

JQuery 清單特效 plugin

點選上面這張圖片就可以看到效果~ 這是延續之前自己寫過的 JQuery 清單排序特效原始模型, 所修改出來的 plugin, 修改的地方其實不少,包含了標籤與相關的篩選機制, 而這個 plugin 的版用起來非常方便, 可以應用的地方也很廣,例如相簿、秀圖篩選.....

0 Comments
JQuery 錯位 3D 效果 plugin

JQuery 錯位 3D 效果 plugin

點選上面這張圖片就可以看到效果~ 這是之前一直很想嘗試的滑鼠效果, 所以就做成了一個以後方便套用的 plugin~ 套用與設定的方式很簡單, 只要用一個 list 就可以做出來模擬視差的立體感, 算是滿有趣的互動效果~ 這個效果套用在 ul 上,只有一個地方需...

0 Comments
CSS -webkit-filter

CSS -webkit-filter

點選上面這張圖片就可以看到效果~ (不過限用 Chrome 或是 Safari) 這是已經存在很久的 webkit 的 css 濾鏡, 直接整理出來做個記錄,以後自己要找也比較好找~ 雖然效果很炫, 但是一直到目前為止都還只有 webkit 核心的瀏覽器支援, ...

0 Comments
JQuery 圖片模糊遮罩 plugin

JQuery 圖片模糊遮罩 plugin

點選上面這張圖片就可以看到效果~ 這也是在 flash 中很常見到的效果, 同樣的利用 jquery 來呈現, 滑鼠在圖片上按住 0.5 秒後,原圖就會出現, 再壓住 0.5 秒後又會回復模糊的圖片, 比較特別的是你可以自己使用自己做的模糊圖片, 或是使用程式幫...

0 Comments
JQuery 氣泡文字特效 plugin

JQuery 氣泡文字特效 plugin

點選上面這張圖片就可以看到效果~ 這是一個文字特效的 plugin, 之前在玩 flash 算是自己滿熟練的一個效果, 但現在不用 flash 了就只好用 jquery 來做, 也當作字串符、字串以及定位的練習, 同樣的,因為我自己是前端設計師, 這套 plug...

0 Comments
JQuery 表格欄位排序 plugin v2

JQuery 表格欄位排序 plugin v2

點選上面這張圖片就可以看到效果~ 這是之前做過 sortTableTd plugin 的第二版, 主要因為發現了之前 plugin 的一個大問題, 是自己沒有測試到的大問題:數字與字串排序行為不同, 這次花了滿多時間去了解數字和字串排序的不同, 舉例來說,1,11...

0 Comments
JQuery dropListMenu plugin

JQuery dropListMenu plugin

點選上面這張圖片就可以看到效果~ 其實下拉式選單對我來說並不難, 大概半小時就可以用 css 做出一組, 但要做成方便修改的 plugin 又是一回事了, 這個 plugin 我整整做了兩天才做出來, 在設定自由度與彈性上做了滿大的開放, 應該可以滿足大部分前端...

0 Comments
JQuery TreeViewList Plugin

JQuery TreeViewList Plugin

點選上面這張圖片就可以看到效果~ 之前我有單純用 css 做出樹狀清單的原始模型, 這次花了些時間,把它轉換成 plugin, 這樣一來對於前端的設計者而言, 做出一個 treeview 就不用自己在那邊寫 css, 可以直接套用就會產生效果, 對於後端程式設計...

0 Comments
JQuery 表格欄位排序 plugin

JQuery 表格欄位排序 plugin

點選上面這張圖片就可以看到效果~ 這是一個我自製的簡單表格排序 plugin, 說起來簡單其實背後的運作也是頗複雜的, 複雜的在於要讓所有的欄位不需要命名且互相進行連動, 光是這個邏輯觀念我就想了整整一天, 不過可以套用在任何表格上喔~ 在不透過資料庫的狀況下...

2 Comments
JQuery 拖曳表格欄位 plugin

JQuery 拖曳表格欄位 plugin

點選上面這張圖片就可以看到效果~ 這也是我設計的 JQuery plugin 針對表格做整個欄位的拖曳效果 滑鼠點選 最上方 title 的部分按住不放一秒後 就可以開始進行拖曳排序 屬性的部分也做了滿大的自由度開放 表格的所有屬性幾乎都可以設定 (當然合併欄...

2 Comments