鼠标滑过显示背景图

想做个鼠标滑过时，背景图显示的效果，可是鼓捣了半天都没弄出来，请教下各位这个该怎么写啊？谢谢了
原始效果和鼠标滑过效果如下图：


页面中的代码如下：
<div>
<ul class="imgbox">
<li><a href="#"><img src="images/img1.gif" /></a><h2>文字</h2></li></ul>
</div>

这是什么结构啊？
重新写下哈
结构：
<dl onmouseover="xx1(this)" onmuseout="xx2(this)">
    <dt><img src="xx.gif" width="" height=“” title="" alt="" /></dt>
    <dd><a href="">文字</a></dd>
</dl>
行为：
function xx1(boxFlag){boxFlag.className = "xx";}
function xx2(boxFlag){boxFlag.className= "";}
基本就这个原理，当然你也可以把函数整合。不想再细写了。