• 使用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、运行结果:

  • 相关阅读:
    SCRUM站立会议
    燃尽图
    第一次作业----词频统计
    构建之法读感
    final 评论 II
    final 评论 I
    第十一周PSP
    学期回顾
    第十周PSP
    Gradle学习笔记
  • 原文地址:https://www.cnblogs.com/lbhqq/p/6721975.html
Copyright © 2020-2023  润新知