如何更改每个鼠标悬停的背景颜色？

问题描述：

我是HTML和CSS的初学者，一旦我在每个鼠标悬停后改变颜色的标题上遇到此标志：www.artlebedev.ru。这个怎么做？我打开了html页面，并在本页面查看了CSS，但没有发现它是如何完成的。如何更改每个鼠标悬停的背景颜色？

预先感谢您！

请添加HTML代码 –

这是不可能只与CSS。它使用javascript –

显示你到目前为止尝试过的东西。请阅读此：[我如何问一个好问题？]（https://stackoverflow.com/help/how-to-ask） – Clonkex

答

使用下面的代码，

$（ '＃标志'）鼠标悬停（函数（）{$ （本）.attr（ '风格'， '背景色：RGB（' +兰特（0,255 ）+'，'+ rand（0,255）+'，'+ rand（0,255）+'）'）; }）;

哪里的标志是你想改变颜色

答

我有一些空闲时间，所以我决定帮助您在这个问题上元素的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>

非常感谢你，Mihai！ –

@NikitaLavrukhin很高兴我能帮到你。如果我的解决方案回答你的问题，请评价为重视。谢谢！ –

如何更改每个鼠标悬停的背景颜色？

相关推荐