jQuery超炫酷按鈕外掛程式及源碼

標籤：style   http   io   ar   sp   on   2014   bs   html   

現在大部分網頁的按鈕都是經過美化的，那些原始的瀏覽器按鈕太過於枯燥乏味，讓使用者失去和網站互動的興趣。早期我們都是通過背景圖片來美化網頁按鈕，而現在我們可以利用擴充性更好的CSS3來製作漂亮的網頁按鈕，本文是jQuery/CSS3按鈕系列外掛程式的第一篇，希望大家會喜歡。

超可愛的CSS3 3D按鈕

這款CSS3按鈕相當具有創意，它的外觀很獨特，非常適合個人化的個人部落格上，可以用來製作評論提交按鈕或者簡單的互動行為按鈕，個人非常喜歡它。

DEMO示範        源碼下載

純CSS3實現分享按鈕

這些CSS3分享按鈕涵蓋了國外大部分的社交網站分享按鈕，你可以選擇其中幾個應用到自己的英文網站上去。

DEMO示範        源碼下載

CSS3灰色3D按鈕組合

這款按鈕組合可以有大尺寸和小尺寸按鈕，滑鼠滑過按鈕時就會改變按鈕的背景色，讓其有發光的立體效果。

DEMO示範        源碼下載

純CSS3實現Metro風格的表徵圖按鈕

這款CSS3表徵圖是Metro風格的，外觀非常清新漂亮。同時，當滑鼠滑過表徵圖是，還會在表徵圖上方滑過文字描述，帶飛入飛出的動畫特效。

DEMO示範        源碼下載

CSS3自訂Radiobox按鈕樣式

DEMO示範        源碼下載

HTML5/CSS3社會化分享按鈕

這款分享按鈕外觀樣式非常漂亮，按鈕的色彩也比較華麗自然，這款基於HTML5的分享按鈕提供兩種樣式，一種是表徵圖式按鈕，另一種則是表徵圖結合文字的按鈕樣式。

DEMO示範        源碼下載

上面的這些CSS3按鈕都還不錯，歡迎關注jQuery/CSS3經典按鈕系列外掛程式的第二篇。

jQuery超炫酷按鈕外掛程式及源碼