通過用戶輸入從一種顏色變爲另一種顏色

我需要創建一個網站，使用<input>僅使用CSS，JS和HTML從用戶指定的顏色淡出到另一種顏色。通過用戶輸入從一種顏色變爲另一種顏色

例如，如果原始顏色是黑色，則用戶將顏色更改爲綠色背景將從黑色變爲綠色。

請注意，我不想用jQuery來解決這個問題。

月1日編輯：
多虧了編輯這個問題的人，又名羅裏McCrossan

2日編輯：
還加入到的是，我沒有使用gradiants

來源

2017-03-17 MacStevins

1）請顯示您當前的代碼2）什麼元素應該在顏色中褪色3）如果您*不希望使用某種技術，請不要在問題中標記 –

1.沒有當前代碼，因爲它全部在我的頭。 2.身體。 3.我發垃圾郵件標籤，因爲我累了，看不到jQuery標籤，然後點擊。附：感謝編輯，因爲我是35％的英語，10％的菲律賓人和55％不說話太多..是的。 – MacStevins

function nextColor() { 
 
     var picker = document.getElementById('nextColor'); 
 
     document.getElementById('docBody').style.background = picker.value; 
 
    }

#docBody { 
 
     transition: background 2500ms ease-in-out; 
 
    }

<body id="docBody"> 
 
    <input type="color" name="nextColor" id="nextColor" onchange="nextColor()" /> 
 
</body>

的說明

來源

2017-03-17 12:13:52 paul

首先，我只想指出，即使當你有「在你的腦袋」的代碼，它的仍然有用，使一個小碼，小提琴或codepen演示它看起來是什麼樣子。至於你的問題，你可以定身的背景顏色（或任何其他元素）使用JavaScript這樣的：

function setBackgroundcolor() { 
 
    var color = document.getElementById("colorinput").value; 
 
    document.body.style.background = color; 
 
}

<input type="text" id="colorinput"><button onclick="setBackgroundcolor()">setcolor</button>

例如：嘗試輸入red或#ff0000

來源

2017-03-17 12:17:44 Rennie

它不會從以前的顏色淡出到新的顏色。 – MacStevins

也不使用在線誹謗，因爲.... INTERNET !!!也不是代碼而是網站的設計 – MacStevins

通過用戶輸入從一種顏色變爲另一種顏色

回答

相關問題