http://abgne.tw JavaScript, jQuery 及 CSS 等技巧應用 Fri, 03 Sep 2010 02:41:00 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 http://abgne.tw/jquery/jquery-plugins/jquery-ie6-hover-support-plug-in-1-1-0.html http://abgne.tw/jquery/jquery-plugins/jquery-ie6-hover-support-plug-in-1-1-0.html#comments Sat, 28 Aug 2010 01:06:36 +0000 男丁格爾 http://abgne.tw/?p=3619 IE 6 雖然市佔率有往下降了，但很多時候設計網頁都會被要求讓它也能正常。不過 IE 6 對於 CSS 的支援度極差，常見的像是要使用 :hover 的動作都不行，通常都會特別用 JavaScript 來做 hover 的動作。但現在設計者只要用一般的 CSS :hover 的寫法就好，jQuery IE6 hover support plug-in 會自動讓 IE 6 支援我們寫的那些屬性設定的]]> http://abgne.tw/jquery/jquery-plugins/jquery-ie6-hover-support-plug-in-1-1-0.html/feed 4 http://abgne.tw/jquery/jquery-plugins/barcode-coder-library-1-3-3.html http://abgne.tw/jquery/jquery-plugins/barcode-coder-library-1-3-3.html#comments Fri, 27 Aug 2010 02:50:31 +0000 男丁格爾 http://abgne.tw/?p=3613 BarCode Coder Library 相信是你的不二選擇。它能支援的條碼格式多達 10 種，且輸出時也能自訂格式成 BMP 或 SVG 哩]]> http://abgne.tw/jquery/jquery-plugins/barcode-coder-library-1-3-3.html/feed 5 http://abgne.tw/jquery/jquery-plugins/really-simple-color-picker-0-1-2.html http://abgne.tw/jquery/jquery-plugins/really-simple-color-picker-0-1-2.html#comments Thu, 26 Aug 2010 00:45:49 +0000 男丁格爾 http://abgne.tw/?p=3602 Really Simple，但 Really Simple Color Picker 除了使用簡單之外，它還能讓你自訂新的顏色值到調色盤中，甚至變更預設的調色盤顏色都是沒問題的]]> http://abgne.tw/jquery/jquery-plugins/really-simple-color-picker-0-1-2.html/feed 4 http://abgne.tw/jquery/jquery-plugins/bubbleup-1-0.html http://abgne.tw/jquery/jquery-plugins/bubbleup-1-0.html#comments Tue, 24 Aug 2010 22:28:44 +0000 男丁格爾 http://abgne.tw/?p=3593 Bubbleup 能讓一般的圖示選單像泡泡一樣的放大彈出。當滑鼠移入到圖片上時能在原圖產生動畫彈出且放大的效果；當滑鼠移出後又能退回原位並回復原大]]> http://abgne.tw/jquery/jquery-plugins/bubbleup-1-0.html/feed 8 http://abgne.tw/jquery/jquery-plugins/jquery-checkbox-1-3-0-beta-1.html http://abgne.tw/jquery/jquery-plugins/jquery-checkbox-1-3-0-beta-1.html#comments Tue, 24 Aug 2010 00:36:59 +0000 男丁格爾 http://abgne.tw/?p=3585 jQuery checkbox 這套件。它提供了有別於一般瀏覽器內建的樣式，同時也可以透過修改 CSS 來快速變成另外的風格]]> http://abgne.tw/jquery/jquery-plugins/jquery-checkbox-1-3-0-beta-1.html/feed 4 http://abgne.tw/uncategorized/real-person-form-submission-for-jquery-1-0-1.html http://abgne.tw/uncategorized/real-person-form-submission-for-jquery-1-0-1.html#comments Mon, 23 Aug 2010 03:27:47 +0000 男丁格爾 http://abgne.tw/?p=3572 Real Person 是一個能為你的表單傳送多一道把關的驗證動作。不過它的驗證內容是由一堆星號(*)組合而成字母的，雖然比較好看的懂，不過在套用上就沒那麼美觀實用]]> http://abgne.tw/uncategorized/real-person-form-submission-for-jquery-1-0-1.html/feed 0 http://abgne.tw/jquery/jquery-plugins/3d-tag-sphere-0-3.html http://abgne.tw/jquery/jquery-plugins/3d-tag-sphere-0-3.html#comments Sun, 22 Aug 2010 12:47:12 +0000 男丁格爾 http://abgne.tw/?p=3564 3D Tag Sphere 是一個可透過滑鼠滾輪來縮放及移動的 3D 標籤雲。讓你的標籤雲的展現方式就是比別人更有不同的效果]]> http://abgne.tw/jquery/jquery-plugins/3d-tag-sphere-0-3.html/feed 0 http://abgne.tw/jquery/jquery-plugins/jquery-barcode-plugin-0-3.html http://abgne.tw/jquery/jquery-plugins/jquery-barcode-plugin-0-3.html#comments Thu, 19 Aug 2010 14:12:39 +0000 男丁格爾 http://abgne.tw/?p=3555 jQuery Barcode plugin 可以直接把文字轉換成條碼的格式並顯示。這樣一來就算條碼掃瞄器讀不出來也可以透過原始文字來判斷值]]> http://abgne.tw/jquery/jquery-plugins/jquery-barcode-plugin-0-3.html/feed 4 http://abgne.tw/jquery/jquery-plugins/twit-0-2-0.html http://abgne.tw/jquery/jquery-plugins/twit-0-2-0.html#comments Thu, 19 Aug 2010 05:45:26 +0000 男丁格爾 http://abgne.tw/?p=3548 Twitter 官方提供的 Widget 工具的話，那就可以來試試 Twit，它可以很簡單的把指定的使用者的 Twitter 訊息內容載入到網頁中，接下來要怎樣裝飾就看你的功力囉]]> http://abgne.tw/jquery/jquery-plugins/twit-0-2-0.html/feed 2 http://abgne.tw/jquery/jquery-plugins/jmp3-0-2-1.html http://abgne.tw/jquery/jquery-plugins/jmp3-0-2-1.html#comments Wed, 18 Aug 2010 12:50:13 +0000 男丁格爾 http://abgne.tw/?p=3533 mp3 檔案可能得使用內建的 Windows Media Player 才行，不過介面醜就算了，且還不是那麼容易就能控制，所以現在大多是選用 Flash 來播放音樂]]> http://abgne.tw/jquery/jquery-plugins/jmp3-0-2-1.html/feed 0 http://abgne.tw/wordpress/wordpress-plugins/wp-abgne-tw-1-0.html http://abgne.tw/wordpress/wordpress-plugins/wp-abgne-tw-1-0.html#comments Sat, 14 Aug 2010 11:15:08 +0000 男丁格爾 http://abgne.tw/?p=3511 仿 Yahoo 切換式兩格圖片廣告 整合到 WordPress 中，所以就趁著假日看了一下其它外掛的做法來試著弄看看]]> http://abgne.tw/wordpress/wordpress-plugins/wp-abgne-tw-1-0.html/feed 17 http://abgne.tw/jquery/jquery-plugins/jqisotext-1-0.html http://abgne.tw/jquery/jquery-plugins/jqisotext-1-0.html#comments Sat, 14 Aug 2010 00:27:12 +0000 男丁格爾 http://abgne.tw/?p=3505 jqIsoText 這樣的套件來做出偽等距的效果]]> http://abgne.tw/jquery/jquery-plugins/jqisotext-1-0.html/feed 0 http://abgne.tw/jquery/jquery-plugins/jquery-minizoompan-1-0.html http://abgne.tw/jquery/jquery-plugins/jquery-minizoompan-1-0.html#comments Fri, 13 Aug 2010 15:14:19 +0000 男丁格爾 http://abgne.tw/?p=3496 jQuery miniZoomPan 則是能在小圖中直接瀏覽大圖，讓你的效果硬是比其它人優]]> http://abgne.tw/jquery/jquery-plugins/jquery-minizoompan-1-0.html/feed 2 http://abgne.tw/jquery/jquery-plugins/image-scroller-plugin-0-1.html http://abgne.tw/jquery/jquery-plugins/image-scroller-plugin-0-1.html#comments Thu, 12 Aug 2010 08:16:37 +0000 男丁格爾 http://abgne.tw/?p=3490 Image Scroller Plugin 是作者仿 PUMA 網頁中的效果的。執行起來的動作有別於我們一般常見的放大鏡的功能]]> http://abgne.tw/jquery/jquery-plugins/image-scroller-plugin-0-1.html/feed 9 http://abgne.tw/jquery/jquery-plugins/hoverintent-r5.html http://abgne.tw/jquery/jquery-plugins/hoverintent-r5.html#comments Tue, 10 Aug 2010 05:59:54 +0000 男丁格爾 http://abgne.tw/?p=3482 jQuery 本身提供了很方便的 .hover() 事件來讓我們設計出滑鼠的移入/出動作；但有時是希望當使用者移入/出經過多久時間後才執行指定的動作，此時就得自己在加入計時器來控制了。
而 hoverIntent 則是幫我們擴充了原有的 .hover() 功能，讓設計者能用參數的方式來設定移入/出的延遲時間]]> http://abgne.tw/jquery/jquery-plugins/hoverintent-r5.html/feed 0