如何更改每個鼠標懸停的背景顏色？

-2

我是HTML和CSS的初學者，一旦我在每個鼠標懸停後改變顏色的標題上遇到此標誌：www.artlebedev.ru。這個怎麼做？我打開了html頁面，並在本頁面查看了CSS，但沒有發現它是如何完成的。如何更改每個鼠標懸停的背景顏色？

預先感謝您！

來源

2017-06-20 Nikita Lavrukhin

請添加HTML代碼 –

這是不可能只與CSS。它使用javascript –

顯示你到目前爲止嘗試過的東西。請閱讀此：[我如何問一個好問題？]（https://stackoverflow.com/help/how-to-ask） – Clonkex

-1

使用下面的代碼，

$（ '＃標誌'）鼠標懸停（函數（）{$ （本）.attr（ '風格'， '背景色：RGB（' +蘭特（0,255 ）+'，'+ rand（0,255）+'，'+ rand（0,255）+'）'）; }）;

哪裏的標誌是你想改變顏色

來源

2017-06-20 11:58:42

我有一些空閒時間，所以我決定幫助您在這個問題上元素的ID。你想要的效果使用JavaScript（它不能用CSS來完成）。在下面的示例中，所有顏色都是隨機使用random()

每次將鼠標懸停在div上時，都會隨機選擇RGB（紅綠藍）的值。他們的組合導致隨機顏色。

在未來，我建議你先搜索和研究，然後再問問。此外，這些是不適合css/html beginner的複雜問題。你應該有一些教程，掌握HTML和CSS開始，然後轉到javascript和它的庫，如jQuery

$("div").mouseover(function() { 
 
    var r = Math.floor(Math.random() * 256); 
 
    var g = Math.floor(Math.random() * 256); 
 
    var b = Math.floor(Math.random() * 256); 
 
    var bckColor = "rgb(" + r + "," + g + "," + b + ")"; 
 
    $(this).css({ 
 
    "background-color": bckColor 
 
    }) 
 
})

div { 
 
\t width:100px; 
 
\t height:100px; 
 
\t background:red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 

 
</div>

來源

2017-06-20 12:24:50

非常感謝你，Mihai！ –

@NikitaLavrukhin很高興我能幫到你。如果我的解決方案回答你的問題，請評價爲重視。謝謝！ –

如何更改每個鼠標懸停的背景顏色？

回答

相關問題