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>