首页 > Web开发 > 详细

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

时间:2016-12-02 02:56:54      阅读:202      评论:0      收藏:0      [点我收藏+]



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

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

原文:http://www.cnblogs.com/wang1593840378/p/6124078.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!