因為瀏覽器兼容性的原因,表單元素往往是整個網頁設計過程中最難以美化的,尤其是單選按鈕、下拉選擇框和復選框。不過我們可以通過jquery來美化它樣。下面為大家推薦11個簡單易用的jQurey插件,其中既有干凈小巧的按鈕,也有獨特的iphone風格的棒形按鈕切換,相信它們能幫助你打造自己的表單版式。
帶圓角矩形的Checkbox較傳統風格,更顯得柔和;同時在鼠標選擇處增加了陰影和高亮,增強了控件的質感與美觀。
清爽、簡約的外觀與系統默認的控件外觀非常類似,但是帶有一定灰度的checked狀態配合圓角與陰影,讓你的排版更自由、更統一。
Radio Button以醒目的綠色小圓點標識checked狀態,而Checkbox則以綠色和紅色來標識checked狀態,非常特別且美觀。
靈感或許來源自家用電器的開關,仿佛鼠標可以推動控制塊一樣。非常獨特的設計,相信會讓你的網頁與眾不同。
清新簡單的外觀,細微處結合了時下流行的一些元素:圓角、醒目的checked狀態標識。
顏色清爽,樣式簡單,非常容易與設計好的網頁融為一體。
iPhone特有的棒形控件風格,清晰的標識出控件的checked狀態。或許你也能讓自己的設計很“蘋果”。
這款控件的特點在于Checkbox被選中的狀態表示,不閉合的矩形框以及整體紅黑的漸變色打造出讓人耳目一新的風格。
這款控件擁有時下流行的玻璃質感,即美觀又低調,試試看,或許你的網頁馬上令人眼前一亮。
同樣是iPhone風格的控件,不同之處在于色塊的切換來標識checked狀態。
依然是很紅的iPhone風格的按鈕,漸變的背景色營造出立體的效果。
英文原文:http://line25.com/articles/jquery-plugins-for-styling-checkbox-radio-buttons
來源于 11個jQuery表單元素美化插件 | 帕蘭映像
下一篇 Access數據庫技術(07)