jQuery超酷下拉插件6种效果演示-白红宇

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

阅读量：6147 次

发布时间：2019-06-21

本文共 875 字，大约阅读时间需要 2 分钟。

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

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

实例代码

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