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