使用顏色選擇器更改網站背景顏色

我正在使用this colour picker作爲我的網站。我需要做的是改變我的網站body/html當選擇正在進行的背景。就像它改變了文本框的背景。使用顏色選擇器更改網站背景顏色

我看過JS文件本身，但發現它有點複雜。我在第410 - 430行之間添加了document.body.style.background = styleElement.jscStyle.backgroundColor;，但沒有任何變化。

我該如何實現它。

感謝

2013-03-21 BentCoder

我會使用'document.body.style.backgroundColor'來確定。 – 2013-03-21 09:17:56

沒有工作。我認爲我在錯誤的地方添加了代碼，但目前還沒有運氣。 – BentCoder 2013-03-21 09:19:59

我不會更改您使用的庫的源代碼。改用事件處理程序。 'document.getElementById（'colorpicker'）。addEventListener（'change'，changeColor）;''或'document.getElementById（'colorpicker'）。onChange = changeColor;' – 2013-03-21 09:20:24

在演示頁面的section 8你有「OnChange事件」：

您需要創建input這樣的：

<input class="color" 
    onchange="document.body.style.backgroundColor = '#'+this.color">

我的猜測是，在您的示例中，您忘記了在顏色HEX代碼之前添加#。

來源

2013-03-21 09:37:55 Cristy

問題是我在我的CSS樣式的HTML標記。現在刪除它並且工作正常。謝謝 – BentCoder 2013-03-21 09:45:06

類（.colorPicker）添加到顏色選擇器輸入字段，然後爲此在jQuery的：

'use strict'; 
$(document).ready(function(){ 
    $(".colorPicker").change(function(){ 
     $('body').css('background-color', $(this).css('background-color')); 
    }); 
});

來源

2013-03-21 09:32:48

使用顏色選擇器更改網站背景顏色

回答

相關問題