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

2016-11-29 11:25:16来源:cnblogs.com作者:285267128人点击

第七城市



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

  

 

 

第七城市

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台