鼠标悬停时如何更改整个网站背景颜色

Question

当我将鼠标悬停在图像、文本等上时，如何更改整个网站的背景颜色

Answer 1

在没有看到您的代码并进行猜测的情况下，我想您可以更具体地使用 css 选择器 :hover 如果您只是希望它在悬停时发生变化而不是在其他任何时候发生变化。 http://www.w3schools.com/cssref/sel_hover.asp

Answer 2

希望这会对 you.but 有所帮助，您可能需要一点点 jquery.paste 这个并尝试 it.you 可能需要互联网连接，因为我已经在线链接 jquery。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>jquery</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<style type="text/css">
 .classOne{
  background-color: orange;
  color: white;
 }
  
 .changeme{
   cursor:pointer;
   }

</style>

</head>

<body>
 <p class="changeme">change the body background color</p>
 

<script type="text/javascript">
 $(document).ready(function(){
  $(".changeme").mouseenter(function(){
   $('body').addClass("classOne");
  });
  $(".changeme").mouseleave(function(){
   $('body').removeClass("classOne");
  });
  

 });
</script>


</body>
</html>

您可以将此与任何其他元素一起使用，例如任何 img、div 等....

或者，如果您只想使用 css 更改正文背景，您可以像这样使用 hover

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>jquery</title>

<style type="text/css">
  
  body:hover{
   background-color: orange;
   color: white;
  }

</style>

</head>

<body>
 <p>change the body background color</p>
 

</body>
</html>

鼠标悬停时如何更改整个网站背景颜色

How can I change entire Website Background Color when I Mouseover

html

css

mouseover

hover

background-color