首页 > 其他 > 详细

使用jqselectable构建美化的select元素

时间:2017-04-17 11:35:21      阅读:388      评论:0      收藏:0      [点我收藏+]

  本文只对此插件的应用做一些探讨,本插件版权属于原作者,插件原始下载地址: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元素

原文:http://www.cnblogs.com/lbhqq/p/6721975.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!