jquery 修改下拉条 Ben Plum selecter
  4yu2JdefgeRW 2023年11月02日 43 0


 

实例:

<!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  /  Formstone  /  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>

 

 


 


【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
4yu2JdefgeRW