{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

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>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载


米微资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:jQuery仿淘宝色系颜色名称选择代码
喜欢 ()分享 (0)