jQuery超酷下拉插件6种效果演示
Posted Pеcu❤lian
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery超酷下拉插件6种效果演示相关的知识,希望对你有一定的参考价值。
原始的下拉框很丑啦, 给大家一款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" > $( function () { $( \'#cd-dropdown\' ).dropdown({ gutter: 5 }); }); </script> |
转载