Question

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

Answer 1

希望这会对你有所帮助。但你可能需要一点点jquery.paste这个并尝试一下。你可能需要互联网连接，因为我已将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改变身体背景，你可以像这样使用悬停

<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>

Answer 2

如果您只是希望在悬停时并且在其他任何位置都不想更改，我想您可以更专门地使用css选择器:hover。 http://www.w3schools.com/cssref/sel_hover.asp

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

2 个答案: