1、新建html文档。
3、书写hmtl代艨位雅剖码。<div class="select"> <稆糨孝汶;select name="animals" class="mySelect"> <option class="first" value="">Animals</option> <option value="hippopotamus">Hippopotamus</option> <option value="aligator">Aligator</option> <option value="aligator">Fox</option> <option value="aligator">Lion</option> <option class="last" value="giraf">Giraf</option> </select> </div> <div class="select"> <select name="fruits" class="mySelect3" > <option value="">Select fruit</option> <option value="Peaches">Peache</option> <option value="Nectarines">Nectarine</option> <option value="Pears">Pear</option> <option value="Quinces">Quince</option> <option value="Cherries">Cherrie</option> <option value="Apricots">Apricot</option> <option value="Apples">Apple</option> <option value="Plums">Plum</option> <option value="Clementin">Clementin</option> <option value="Kumquat">Kumquat</option> <option value="Minneola">Minneola</option> <option value="Mandarin">Mandarin</option> </select> </div>
5、书写并添加js代码。<script src="js/jquery.js"></script><script src="js/jquery.styleSelect.js"></script><script> $(document).ready(function() { $(".mySelect3").styleSelect({styleClass: "selectFruits",optionsWidth: 1,speed: 'fast'}); $(".mySelect").styleSelect({styleClass: "selectDark"}); });</script>
7、查看效果。
