首页 > 代码库 > 使用jqselectable构建美化的select元素

使用jqselectable构建美化的select元素

  本文只对此插件的应用做一些探讨,本插件版权属于原作者,插件原始下载地址:http://www.jq22.com/jquery-info288

  原插件也有些许不足之处,比如样式定义名称太过普通,容易和页面的通用样式混淆,因此本人在原作者的基础上做了些许改动,下载地址:http://download.csdn.net/detail/lbhqq159/9816371

  

  使用方法:

  1、页面定义普通的select元素:

  

技术分享
<select id="tScenic" name="tScenic" class="inputc selectable">    <option value="0">0</option>        <optgroup label="组1">            <option value="1">1</option>            <option value="1">2</option>            <option value="1">3</option>        </optgroup></select>
View Code

  2、js部分:

技术分享
    // 下拉菜单    $(".selectable").jQselectable({        set: "fadeIn",// 默认配置,可在jQselectable.js中找到。        setDuration: "fast",    });
View Code

  3、运行结果:

技术分享

使用jqselectable构建美化的select元素