jquery 修改下拉条 Ben Plum selecter

 

实例:

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
		<meta name="keywords" content="" />
		<meta name="description" content="" /> 
    	
		<title>Selecter&nbsp;&nbsp;/&nbsp;&nbsp;Formstone&nbsp;&nbsp;/&nbsp;&nbsp;Ben Plum</title>
		
		<!--[if LTE IE 8]>
			<link href="/selecter/css/gridlock-ie.css" rel="stylesheet" type="text/css" media="all" />
			<script src="/selecter/js/html5.js"></script>
		<![endif]-->
		
	</head>
	
	<body class="gridlock">

	  	<select name="selecter_basic" class="selecter_basic">
			<option value="1">One</option>
			<option value="2">Two</option>
			<option value="3">Three</option>
			<option value="4">Four</option>
			<option value="5">Five</option>
			<option value="6">Six</option>
			<option value="7">Seven</option>
			<option value="8">Eight</option>
			<option value="9">Nine</option>
			<option value="10">Ten</option>
		</select>

		<link rel="stylesheet" href="/selecter/css/jquery.fs.selecter.css" type="text/css" media="all" />
		<link rel="stylesheet" href="/selecter/css/jquery.fs.scroller.css" type="text/css" media="all" />
		<script src="/selecter/js/site.js"></script>
		<script src="/selecter/js/jquery.fs.selecter.js"></script>
		<script src="/selecter/js/jquery.fs.scroller.js"></script>
		
		<script> $(document).ready(function() { $("select").selecter(); }); </script>
		
	</body>
</html>

 

 

主页:http://www.benplum.com/formstone/

更多实例:http://www.benplum.com/formstone/selecter/

 

 

你可能感兴趣的:(jquery)