0
jquery 미니 컬러를 사용하여 페이지 배경, 헤더, 글꼴 및 바닥 글 색상을 변경하려면 어떻게해야합니까?jquery 미니 컬러를 사용하여 색상 변경
http://www.abeautifulsite.net/blog/2011/02/jquery-minicolors-a-color-selector-for-input-controls/
데모 : http://jsfiddle.net/fNHkL/4/
$(document).ready(function() {
var consoleTimeout;
$('.minicolors').each(function() {
$(this).minicolors({
control: $(this).attr('data-control') || 'hue',
defaultValue: $(this).attr('data-default-value') || '',
inline: $(this).hasClass('inline'),
letterCase: $(this).hasClass('uppercase') ? 'uppercase' : 'lowercase',
opacity: $(this).hasClass('opacity'),
position: $(this).attr('data-position') || 'default',
styles: $(this).attr('data-style') || '',
swatchPosition: $(this).attr('data-swatch-position') || 'left',
textfield: !$(this).hasClass('no-textfield'),
theme: $(this).attr('data-theme') || 'default',
change: function(hex, opacity) {
// Generate text to show in console
text = hex ? hex : 'transparent';
if(opacity) text += ', ' + opacity;
text += '/' + $(this).minicolors('rgbaString');
// Show text in console; disappear after a few seconds
$('#console').text(text).addClass('busy');
clearTimeout(consoleTimeout);
consoleTimeout = setTimeout(function() {
$('#console').removeClass('busy');
}, 3000);
}
});
});
});
좋아요, 감사합니다 아주 많이 – Khurram