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