Question

我是HTML和CSS的初学者，一旦我在标题上面对这个标志，每次鼠标悬停后都会改变颜色：www.artlebedev.ru。这该怎么做？我打开了html-page并浏览了这个页面上的css，但还没有找到它是如何完成的。

提前谢谢！

Answer 1

我有空闲时间所以我决定帮助你解决这个问题。你想要的效果使用javascript（它不能用CSS完成）。在下面的示例中，使用random()

随机选择所有颜色

每次将鼠标悬停在div上时，都会随机选择RGB（红绿蓝）的值。它们的组合产生随机颜色。

将来我建议您在询问SO之前进行搜索和研究。此外，这些是不适合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 {
	width:100px;
	height:100px;
	background:red;
}

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

Answer 2

使用以下代码，

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

徽标是您要更改颜色的元素的ID

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

2 个答案: