zoukankan      html  css  js  c++  java
  • 基于jQuery select下拉框美化插件

    分享一款基于jQuery select下拉框美化插件。该插件适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下:

    在线预览   源码下载

    实现的代码。

    html代码:

      <table>
            <tr>
                <td>
                    <h2>
                        演示1</h2>
                    <select name="drop1" class="ui-select">
                        <option value="">structure empty</option>
                        <option value="1">structure 1</option>
                        <option value="2">structure 2</option>
                        <option value="3">structure 3</option>
                        <option selected value="4">structure 4</option>
                        <option value="5">structure 5</option>
                        <option value="6">structure 6</option>
                        <option value="7">structure 7</option>
                        <option value="8">structure 8</option>
                        <option value="9">structure 9</option>
                        <option value="10">structure 10</option>
                        <option value="11">structure 11</option>
                    </select>
                </td>
                <td>
                    <h2>
                        演示2</h2>
                    <select name="drop2" class="ui-select">
                        <option value="">structure empty</option>
                        <option value="1">structure 1</option>
                        <option value="2">structure 2</option>
                        <option value="3">structure 3</option>
                    </select>
                </td>
                <td>
                    <h2>
                        演示3</h2>
                    <select name="drop3" class="ui-select" disabled="disabled">
                        <option value="0">structure empty</option>
                        <option value="1">structure 1</option>
                        <option value="2">structure 2</option>
                        <option value="3">structure 3</option>
                    </select>
                </td>
                <td>
                    <input type="reset" value="Reset" />
                    <input type="submit" value="Send" />
                </td>
            </tr>
        </table>
        </form>
        <form action="" method="get">
        <table>
            <tr>
                <td>
                    <h2>
                        Select 演示</h2>
                    <select name="drop1" class="ui-select">
                        <option value="">structure empty</option>
                        <option value="1">structure 1</option>
                        <option value="2">structure 2</option>
                        <option value="3">structure 3</option>
                        <option selected value="4">structure 4</option>
                        <option value="5">structure 5</option>
                        <option value="6">structure 6</option>
                        <option value="7">structure 7</option>
                        <option value="8">structure 8</option>
                        <option value="9">structure 9</option>
                        <option value="10">structure 10</option>
                        <option value="11">structure 11</option>
                    </select>
                </td>
                <td>
                    <h2>
                        Select 演示</h2>
                    <select name="drop2" class="ui-select">
                        <option value="">structure empty</option>
                        <option value="1">structure 1</option>
                        <option value="2">structure 2</option>
                        <option value="3">structure 3</option>
                    </select>
                </td>
                <td>
                    <h2>
                        Select 关闭演示</h2>
                    <select name="drop3" class="ui-select" disabled="disabled">
                        <option value="0">structure empty</option>
                        <option value="1">structure 1</option>
                        <option value="2">structure 2</option>
                        <option value="3">structure 3</option>
                    </select>
                </td>
                <td>
                    <input type="reset" value="Reset" />
                    <input type="submit" value="Send" />
                </td>
            </tr>
        </table>

    via:http://www.w2bc.com/Article/23958

  • 相关阅读:
    TCP/IP和HTTP的举例理解
    c#中栈和堆的理解
    c#设计模式之单例模式
    JSON.stringify实例应用—将对象转换成JSON类型进行AJAX异步传值
    JSON.stringify初识
    c# 过滤字符串中的重复字符
    C#中jQuery Ajax实例(二)
    C#中jQuery Ajax实例(一)
    jQuery动态对表格Table进行添加或删除行以及修改列值操作
    asp.net中控件的Attributes用法
  • 原文地址:https://www.cnblogs.com/liaohuolin/p/4302587.html
Copyright © 2011-2022 走看看