温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

基于jQuery select下拉框美化插件

发布时间:2020-04-01 03:15:54 来源:网络 阅读:408 作者:dolunbu 栏目:web开发

今天给大家分享一款基于jQuery select下拉框美化插件,这款插件适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。

基于jQuery select下拉框美化插件

 <table>
        <tr>
            <td>
                <h3>
                    演示1</h3>
                <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>
                <h3>
                    演示2</h3>
                <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>
                <h3>
                    演示3</h3>
                <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>
                <h3>
                    Select 演示</h3>
                <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>
                <h3>
                    Select 演示</h3>
                <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>
                <h3>
                    Select 关闭演示</h3>
                <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>


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI