Javascript 在任何元素悬停时更改页面背景（不是元素BG）。

每当我将鼠标悬停在某个元素上时，我都会尝试更改页面背景。目前，我已将不同的图像上载到我的web服务器，当我将鼠标悬停在div上时，我想将我的页面背景从一个图像更改为另一个图像。我将如何执行此操作？不管是javascript、jquery还是css，答案越多越好，这样我就可以学习一种新的方法：）

我的css：

body{
background: url(../html/dest/back2.png);  
height: 100% ; 
background-attachment:   fixed;
} 

我上传了一张名为back2a.png的新图片。每当用户将鼠标悬停在某个元素上时，我都希望加载此图像来代替以前的图像（back2.png）。（任何元素） 注意：我还想保留背景附件：固定在新图像上。 新图像只是在photoshop中改变色调/饱和度，没有什么大不了的——大小和一切都一样

这是我试图在上面做这件事的页面。 我感谢你的回答！谢谢大家!

jQuery： 如果以后要将其更改回，可以使用jQuery.blur方法：

$("div").blur(function() {
   $("body").css("background", "url(../html/dest/back2.png)");
});

可以将div选择器更改为悬停状态下的任何选项。例如，如果您有一个id为hover的div，请使用如下内容：

$("div#hover").hover(function() {
   $("body").css("background", "url(../html/dest/back2a.png)");
});

或一类悬停：

$("div.hover").hover(function() {
   $("body").css("background", "url(../html/dest/back2a.png)");
});

Javascript 要使用纯javascript，您必须向页面上要更改背景的元素添加事件。我会坚持使用jQuery，因为它可以为您服务，但如果您更喜欢在div上只使用javascript，您可以添加：

<div onhover="myFunc();"></div>

然后javascript将如下所示：

<script type="text/javascript>
function myFunc() {
   document.body.style.background = "url(../html/dest/back2a.png)";
</script>

---

老兄，非常感谢你！事实上，我更喜欢在链接悬停后保持不同。非常感谢！！：））问：你知道吗，每次图像改变时，我都能防止白色闪光？出于某种原因，它在chrome中能做到，但在IE.Wierd中却不能做到。
<script type="text/javascript>
function myFunc() {
   document.body.style.background = "url(../html/dest/back2a.png)";
</script>