jQuery超酷下拉插件6种效果演示

原始的下拉框很丑啦， 给大家一款jQuery超酷下拉插件6种效果

效果预览

下载地址

实例代码

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

<div class="container">                        <section class="main clearfix">                 <select id="cd-dropdown" name="cd-dropdown" class="cd-select">                     <option value="-1" selected>请选择</option>                     <option value="1" class="icon-monkey">网站模板</option>                     <option value="2" class="icon-bear">jQuery特效</option>                     <option value="3" class="icon-squirrel">精选网址</option>                     <option value="4" class="icon-elephant">网站源码</option>                 </select>             </section>         </div><!-- /container -->         <script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>         <script type="text/javascript" src="js/jquery.dropdown.js"></script>         <script type="text/javascript">             $(function() {                 $('#cd-dropdown').dropdown({                     gutter: 5                 });             });         </script>   转载：http://www.cnblogs.com/niuboren/p/6112145.html