建站
咨詢
售后
建站咨詢
新聞中心
HTML Form 表單里的各種組件，例如文本輸入框，textarea，按鈕等，都可以通過(guò)CSS或其它技術(shù)進(jìn)行美化，讓它們看起來(lái)很漂亮了，唯獨(dú)下拉列表選項(xiàng)框(select box),不管你怎么做，它擺在那里總顯得格格不入。
成都創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、安平網(wǎng)絡(luò)推廣、微信小程序、安平網(wǎng)絡(luò)營(yíng)銷、安平企業(yè)策劃、安平品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；成都創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供安平建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18980820575，官方網(wǎng)址：www.cdcxhl.com
不過(guò)這種情況可能是一去不復(fù)返了，如果你猜測(cè)是使用HTML5技術(shù)， 那就錯(cuò)了，在中國(guó)，使用IE6瀏覽器的人仍占絕大大多數(shù)，這種古老的瀏覽器是不認(rèn)識(shí)HTML5的。
我現(xiàn)在推薦的是一款JavaScript插件，它有JQuery和Prototype兩種版本，支持所有類型的瀏覽器。使用它后，你的頁(yè)面上的select選擇框會(huì)變的漂亮的讓你大吃一驚，下面是使用前和使用后的對(duì)比效果圖。
單選模式：
多選模式：
更多的效果請(qǐng)?jiān)L問(wèn)這個(gè)插件的官方主頁(yè)的中文翻譯Chosen演示頁(yè)面。
具體的用法非常簡(jiǎn)單，你只需要在select是加入class=”chzn-select”屬性就行了，然后調(diào)用 jquery： $(“.chzn-select”).chosen()，一切都搞定。
原文：http://www.aqee.net/chosen-select/
【編輯推薦】
- 19款云端Web開發(fā)工具推薦
- jQuery是如何工作的
- 7個(gè)優(yōu)秀的JavaScript資源推薦
- 淺析淘寶數(shù)據(jù)魔方技術(shù)架構(gòu)
- JavaScript入門之語(yǔ)言基礎(chǔ)
分享標(biāo)題：Select選擇框的華麗變身
文章轉(zhuǎn)載：http://www.5511xx.com/article/djhgcdg.html
