基于jQuery select下拉框美化插件

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

技术分享

 <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>


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。