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

时间:2022-03-16 09:50:33



原始的下拉框很丑啦, 给大家一款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