用Jquery实现（下拉框）select元素的透明和圆角！（源码实例）

最新推荐文章于 2022-05-10 13:43:58 发布

敦厚的曹操

最新推荐文章于 2022-05-10 13:43:58 发布

阅读量7.9k

点赞数

分类专栏： 3.【javascript】 7.【Ajax】 2.【Asp.Net】 4.【html】 6.【jquery】 5.【css】

2.【Asp.Net】同时被 3 个专栏收录

129 篇文章 3 订阅

订阅专栏

6.【jquery】

96 篇文章 0 订阅

订阅专栏

3.【javascript】

88 篇文章 1 订阅

订阅专栏

<head> 
<title></title> 
<link type="text/css" rel="Stylesheet" href="JQSelect.css" /> 
<script type="text/javascript" src="jquery-1.2.6.js"></script> 
<script type="text/javascript" src="JQSelect.js"></script> 
<script type="text/javascript"> 
$(function() { 
$("#test").jsScroll(); 
}) 
</script> 
</head> 
<body> 
<select id="test"> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
<option value="6">6</option> 
<option value="7">7</option> 
<option value="8">8</option> 
<option value="9">9</option> 
<option value="10">10</option> 

</select> 

比较简陋只是将select转成自定义的样式 

现在只有2个参数可以设置 
复制代码 代码如下:

$(function() { 
$("#test").jsScroll({ showLength: 3, option_click: function() { alert("1"); } }); 
})

比较简陋只是将select转成自定义的样式
现在只有2个参数可以设置

$(function() { 
$("#test").jsScroll({ showLength: 3, option_click: function() { alert("1"); } }); 
})

showLength:下拉框默认显示数量 ---默认显示5个
option_click:点击每一个option执行的事件--默认是将options的值绑定到input中
在线演示：http://demo.jb51.net/js/2011/JQSelect/

打包下载地址：http://www.jb51.net/jiaoben/40362.html

转载地址：http://www.jb51.net/article/29017.htm

敦厚的曹操

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
用Jquery实现（下拉框）select元素的透明和圆角！（源码实例）

$(function() { $("#test").jsScroll(); }) 1 2 3 4 5 6 7 8 9 10 比较简陋只是将select转成自定义的样式现在只有2个参数可以设置复制代码代码如下:$(function() { $("#test").jsScroll({
复制链接

扫一扫