这个有点硬 我为网站演示制作了一个样式切换器,可以更改特定的 div 背景颜色。一切正常,但由于该 div 还包含文本和标题,如果访问者将背景更改为白色,标题和文本就消失了。
因此,代替为该容器添加标题或文本的开关,id 而是检测背景颜色的变化,这样会影响里面的文本。
通过使用 Tyny color jQuery 插件,我将标题和段落的颜色设置为浅 30% 并且几乎可以正常工作,但是一旦你变成白色或接近白色的任何方式,我需要它切换到深色。
有没有办法通过使用 jQuery TinyColor 和 Colorpicker 插件或 php 来检测更深/更浅的颜色代码?我还要求使用 php 的原因是因为我将该演示也移植到了 php,因此任何一个都可以为我工作。
我在这里设置了一个小演示供您测试 http://jsfiddle.net/mwVz6/12/
代码非常简单,对于演示和我的切换器,我使用来自 http://www.eyecon.ro/colorpicker/的颜色选择器
$('#colorSelector').ColorPicker({
color: '#0000ff',
onShow: function (colpkr) {
$(colpkr).fadeIn(500);
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut(500);
return false;
},
onChange: function (hsb, hex, rgb) {
$('#container').css('backgroundColor', '#' + hex);
}
});