手记

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


0人推荐
随时随地看视频
慕课网APP