html 颜色选择,html 颜色选择器 亲测，很好用

@*以下 是测试html 颜色选择器的*@

@*颜色选择*@

@*

var colorPicker = function (idStr) {

this.colorPool = ["#000000", "#993300", "#333300", "#003300", "#003366", "#000080", "#333399", "#333333", "#800000", "#FF6600", "#808000", "#008000", "#008080", "#0000FF", "#666699", "#808080", "#FF0000", "#FF9900", "#99CC00", "#339966", "#33CCCC", "#3366FF", "#800080", "#999999", "#FF00FF", "#FFCC00", "#FFFF00", "#00FF00", "#00FFFF", "#00CCFF", "#993366", "#CCCCCC", "#FF99CC", "#FFCC99", "#FFFF99", "#CCFFCC", "#CCFFFF", "#99CCFF", "#CC99FF", "#FFFFFF"];

this.initialize(idStr);

}

colorPicker.prototype = {

initialize: function (idStr) {

var count = 0;

var html = '';

var self = this;

html += '

// html+= '

当前颜色';

for (i = 0; i < 5; i++) {

html += "

";

for (j = 0; j < 8; j++) {

html += '

';

count++;

}

html += "

";

}

html += '

';

this.trigger = document.getElementById(idStr);

this.div = document.createElement('div');

this.div.innerHTML = html;

var tds = this.div.getElementsByTagName('td');

for (var i = 0, l = tds.length; i < l; i++) {

tds[i].onclick = function () {

self.setColor(this.style.backgroundColor, idStr);

}

}

this.div.id = 'myColorPicker';

this.trigger.parentNode.appendChild(this.div);

this.div.style.position = 'absolute';

this.div.style.left = this.trigger.offsetLeft + 'px'

this.div.style.top = (this.trigger.clientHeight + this.trigger.offsetTop) + 'px';

//this.hide();

this.trigger.onclick = function () {

if (self.div.style.display == 'none') {

self.show();

return false;

} else {

self.hide();

return false;

}

}

},

setColor: function (c, idStr) {

this.hide();

// document.getElementById(idStr).style.backgroundColor = c //proEditor.setColor(c); //自己定义函数决定setColor的功能

document.getElementById(idStr).style.color = c

//var rgb2Hex = colorRGB2Hex(c);

//alert(rgb2Hex);

},

hide: function () {

this.div.style.display = 'none'

},

show: function () {

this.div.style.display = 'block'

}

}

function initColorPicker(str) {

picker = new colorPicker(str);

}

function colorRGB2Hex(color) {

var rgb = color.split(',');

var r = parseInt(rgb[0].split('(')[1]);

var g = parseInt(rgb[1]);

var b = parseInt(rgb[2].split(')')[0]);

var hex = "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);

return hex;

}

*@

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com

特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有