Question

CSS/js问题求教大侠：如何设定li的鼠标hover事件，鼠标经过任意 Li 菜单，整个页面或body更换背景图？

CSS问题求教大侠：在页面内用了ul，li 标签，li标签内以img图片作为菜单链接，如何设定li或者img的鼠标hover事件，让鼠标经过Li 或者img时，整个网页的页面更换指定的背景图片？我想要的效果是：鼠标每经过一个菜单，整个页面或者body标签更换指定的背景图片！！CSS或者JS代码都可。如有大侠不吝赐教，在下感激不尽…………
忘了说了，既然是Li内的img图片样式菜单，当然还要弹出一个菜单列表的。到时候这个弹出式菜单还要设置图片等样式。

Answer 1

<ul>
<li><img src="1.jpg" onmouseover="changeColor(this)"></li>
<li><img src="2.jpg" onmouseover="changeColor(this)"></li>
</ul>
<script>
function changeColor(imgObj){
document.body.style.backgroundImage="url("+imgObj.src+")";
}
</script>

你把img的src改成你的图片地址，就能用了~~~

追问

大侠您好，我的每个li 菜单就像你列出来的那样，各自有一张ing小图片作为菜单链接，上面的代码能满足我 每hover一个Li菜单，整个页面的背景更换一张图片吗？也就是说，每经过一个不同的菜单，整个网页背景都换成一张不同的背景图片………… ？？？？

追答

你的意思是li里面还有菜单链接，不管鼠标放到链接上还是图片上，都要让网页背景变换，是么~

追问

我的意思就是这样：

…………

每一个li都是一个弹出式菜单。我想要的效果是：当鼠标hover值Li菜单时，不仅会弹出一个二级菜单，并且整个网页的背景会变换背景图，并且每个Li菜单响应Hover事件时整网页变换不同的网页背景图。

追答

弹出式菜单其实就是先写好弹出的每一项菜单，并且display属性为none设为隐藏。
在鼠标onmouseover时触发方法，让那一项菜单的display属性为block就显示了。
变换背景图我上面给你写过了，你参照一下。
自己试着多写一写，慢慢会参透的~~

Answer 2

我也想设置鼠标经过二级菜单时，更换背景图片，还不能挡住二级菜单的字，那个块hover好像只能设置背景颜色，