jquery自定义的风格独特的下拉列表控件_时代Java(NowJava.com) -JS/jQuery代码 -演示与下载 -时代Java

jQuery Custom Select Box
By: Darren Mason
Download Here
Other Plugins

@param isscrolling:	false,		//scrolls long lists
@param scrollminitems:	15,		//items before scrolling
@param scrollheight:	150,		//height of scrolling window
@param preopenselect:	true,		//opens prechecked select boxes
@param hoverstyle:	"hover",	//css hover style name
@param openspeed:	"normal",	//open speed "slow","normal","fast" or numbers 1000
@param alldisabled:	false,		//disables all the selectbox
@param selectwidth:	"auto",		//set width of selectbox
@param wrappername:	".select_wrap"	//class name of the wrapper tag
	
<div class="select_wrap">
	<select name="sample_select" id="select_wrap1">
		<option>Sample Selection</option>
		<option value="1">Option One</option>

		<option value="2">Option Two</option>
		<option value="3">Option Three</option>
		<option value="4">Option Four</option>
	</select>

</div>	
	
Applies to all boxes
$(".select_field").custSelectBox();

<div class="select_wrap"  class="select_field">

	<select name="sample_select">
		<option>Sample Selection</option>
		<option value="1">Option One</option>
		<option value="2" selected="selected">Option Two</option>

		<option value="3">Option Three</option>
		<option value="4">Option Four</option>
	</select>
</div>
	

<div class="select_wrap"  multiple="multiple">
	<select name="sample_select" class="select_field">

		<option>Sample Selection</option>
		<option value="1">Option One</option>
		<option value="2" selected="selected">Option Two</option>
		<option value="3">Option Three</option>

		<option value="4">Option Four</option>
	</select>
</div>

	

<div class="select_wrap" disabled="disabled">
	<select name="sample_select"  class="select_field">
		<option>Sample Selection</option>

		<option value="1">Option One</option>
		<option value="2" selected="selected">Option Two</option>
		<option value="3">Option Three</option>
		<option value="4">Option Four</option>

	</select>
</div>	

代码整理:时代Java(NowJava.com) 

转载请注明出处,此代码仅供学习交流,请勿用于商业用途。

下载代码说明
X关闭

jquery自定义风格独特的下拉列表控件(可实现单选和多选)

jquery自定义的风格独特的下拉列表控件,自定义的select比系统自带要漂亮得多,而且功能更加强大,可以在下拉列表中实现单选和多选,风格独特,不可多得,经测试相当不错,感兴趣的各位可以下载使用。