jQuery仿淘宝色系颜色名称选择代码

jQuery仿淘宝色系颜色名称选择代码-精品资源网
jQuery仿淘宝色系颜色名称选择代码
此内容为免费资源,请登录后查看
0
免费资源

jQuery仿淘宝色系颜色名称选择代码

jQuery仿淘宝色系颜色名称选择代码,点击文本框弹出色系颜色分类,点击颜色名称选中赋值到文本框,可多选。

js代码

<script src=\"js/jquery.min.js\" type=\"text/javascript\"></script>
<script src=\"js/selectcolor.min.js\" type=\"text/javascript\" charset=\"utf-8\"></script>
<script>
	new SelectColor({
		elem: \".select-color\",
		range: \"|\",
	});
	
	
	/***
	 * 
	 * params:			 
	 * elem  -> 元素[input],默认参数.select-color
	 * range -> 分隔符,默认参数\"|\"
	 * data  -> 颜色数据(参数格式同下colorData),默认为9大色系
	 * left  -> 向左偏移量,默认为0
	 * index -> 默认打开色系,默认为 0
	 * 
	 * data数据格式
		var colorData = [{
			colorName: \"白色系\",
			colorNum: \"rgb(255, 255, 255)\",
			colorList: [{
				colorName: \"乳白色\",
				colorNum: \"rgb(255, 251, 240)\"
			}, {
				colorName: \"白色\",
				colorNum: \"rgb(255, 255, 2255)\"
			}, {
				colorName: \"米白色\",
				colorNum: \"rgb(238, 222, 176)\"
			}]
		}];
	 */

</script>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容