這是一款實(shí)用的select下拉框美化jquery插件。該select下拉框的原理是將select標(biāo)簽隱藏，并按照select標(biāo)簽用div和list繪制一個控件，將用戶對div的操作映射到select上。css文件可以根據(jù)不同需求修改。

使用方法

在頁面中引入htools.select.skin.css和jquery、jquery.htools.select.js文件。

HTML結(jié)構(gòu)

使用普通的select元素作為下拉框的HTML結(jié)構(gòu)即可：

插件效果

項(xiàng)目1

項(xiàng)目2

項(xiàng)目3

項(xiàng)目4

初始化插件

在頁面DOM元素加載完畢之后，可以通過下面的方法來初始化該下拉框美化插件。

var $myselect = $("#myselect");

/**

* 初始化插件

*/

$myselect.goSelectInput({

height: 30,

width: 250

});

本select下拉框美化jquery插件由阿海提供，如有需要可以通過719348277@qq.com和他聯(lián)系。

總結(jié)

以上是生活随笔為你收集整理的html5 下拉框 美化,实用select下拉框美化jquery插件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。