码迷,mamicode.com
首页 > 其他好文 > 详细

使用jqselectable构建美化的select元素

时间:2017-04-17 11:34:49      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:基础   style   lap   www   close   ima   jquery   class   utc   

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

标签:基础   style   lap   www   close   ima   jquery   class   utc   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!