Select選擇框的華麗變身
作者：外刊IT評論
HTML Form 表單里的各種組件，例如文本輸入框，textarea，按鈕等，都可以通過CSS或其它技術(shù)進(jìn)行美化，讓它們看起來很漂亮了，唯獨下拉列表選項框(select box),不管你怎么做，它擺在那里總顯得格格不入。
HTML Form 表單里的各種組件，例如文本輸入框，textarea，按鈕等，都可以通過CSS或其它技術(shù)進(jìn)行美化，讓它們看起來很漂亮了，唯獨下拉列表選項框(select box),不管你怎么做，它擺在那里總顯得格格不入。
不過這種情況可能是一去不復(fù)返了，如果你猜測是使用HTML5技術(shù)， 那就錯了，在中國，使用IE6瀏覽器的人仍占絕大大多數(shù)，這種古老的瀏覽器是不認(rèn)識HTML5的。
我現(xiàn)在推薦的是一款JavaScript插件，它有JQuery和Prototype兩種版本，支持所有類型的瀏覽器。使用它后，你的頁面上的select選擇框會變的漂亮的讓你大吃一驚，下面是使用前和使用后的對比效果圖。
單選模式：
多選模式：
更多的效果請訪問這個插件的官方主頁的中文翻譯Chosen演示頁面。
具體的用法非常簡單，你只需要在select是加入class=”chzn-select”屬性就行了，然后調(diào)用 jquery： $(“.chzn-select”).chosen()，一切都搞定。
原文：http://www.aqee.net/chosen-select/
【編輯推薦】
責(zé)任編輯：陳貽新
來源：
外刊IT評論
