EasyShop/sltcolor/demo.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	<link rel="stylesheet" href="css/jquery.bigcolorpicker.css" type="text/css" />
   <title>Jquery实现颜色选择器插件</title>
<meta name="author" content="Jquery-School" />
<meta name="Copyright" content="Jquery-School,www.jq-school.com" />
<meta name="keywords" content="Jquery,Jquery资源,前端设计,div+css" />
<meta name="description" content="" />
	<script type="text/javascript" src="http://www.jq-school.com/js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="js/jquery.bigcolorpicker.js"></script>
	<script type="text/javascript">
		$(function(){
			//1、用法
			$("#f1").bigColorpicker("f1","L",10);
			
			//2、用法
			$("#bn").bigColorpicker("f3");

			//3、用法
			$("#img").bigColorpicker(function(el,color){
				$(el).css("backgroundColor",color);
			});

			//4、用法
			$(":text[name='t']").bigColorpicker(function(el,color){
				$(el).val(color);
			});
			
			//5、用法
			$(":input[f='bnn']").bigColorpicker(function(el,color){
				$("#" + $(el).attr("data-target"))
				             .val(color);
			});
			
			$("#f333").bigColorpicker("f3","L",6);
		});
	</script>
	
</head>
<body>


	<div style="margin: 10px auto;border: solid 1px #F0F0F0;padding: 10px;" >
		<input type="text" id="f1"/>
		<br />
		<br />		
		<input type="text" id="f333"/>
	</div>

	<div style="margin: 10px auto;border: solid 1px #F0F0F0;padding: 10px;" >
		<input type="text" id="f3"/><input id="bn" type="button" value="选色" />
	</div>
	<div style="margin: 0 auto;border: solid 1px #F0F0F0;padding: 10px;" >
		<div id= "qq">
			<a href="javascript:void(0)" id="img" ></a>
		</div>
	</div>