50分求一段很简单的html代码

[jplayer]

有三个链接垂直排列，每一个链接的背景图片都是bg.gif,当鼠标指向一个链接时,这个链接的背景图片改变为bg_over.gif；当鼠标离开这个链接时,这个链接的背景图片回复为bg.gif；


就这些简单的要求，谢谢!

[jspadmin]

onmouseover...

[xiangyu11118]

晕，最方便的方法，用DW插入-鼠标经过时图片

[jplayer]

帮忙写一段完整的html代码吧?
还有链接文字不能在背景图片本身里，链接文字要和背景图片分开来，因为链接文字是要从数据库中提取出来的

[jplayer]

自己顶

[tigerwen01]

使用隐藏图片实现图片交换效果

　　一般实现图片交换效果（如鼠标移入和移出或点击交换），都是通过在JavaScript代码中改变图片的来源属性SRC实现。其弊端是每次切换图片时都必须重新下载新图片，在图片较大或网速较慢的情形下无疑会出现等待下载的问题。有些网页编辑器如Dreamweaver中提供了预下载（Preload）的函数，但实际上据笔者在IE 6.0中测试发现并不能解决此问题。

　　现在笔者提供一种方法，在下载网页时将要交换的图片全部下载，并将其位置设为相同（利用CSS属性）。在交换时改变图片CSS属性中的可见性属性（Visibility）为隐藏（Hidden）或可见（Visible），即可避免重新下载新图片。下面是一个鼠标移出移入交换Pic1.jpg和Pic2.jpg的实例。
　
　＜script language="javascript"＞
　function change_img(from_img,to_img){ //将from_img替换为to_img
　 document.images[from_img].style.visibility = "hidden";
　 document.images[to_img].style.visibility = "visible";
　}
　＜/script＞
　
　＜span style="position:absolute; left:0px; top:0px;" onMouseOver="change_img('img1','img2')" onMouseOut="change_img('img2','img1')" ＞
　 ＜img name="img1" src="pic1.jpg" style="position:absolute; left:0px; top:0px;"＞
　 ＜img name="img2" src="pic2.jpg" style="position:absolute; left:0px; top:0px;visibility:hidden;"＞ ＜!--预先将img2设为隐藏!--＞
　＜/span＞
　
　　注意此例中块元素Span的引进是必要之步（也可用Div等替换），如果是点击交换图片则无需使用。另外，如果你不想让图片的位置固定，也可临时在JavaScript代码中让img2的位置等于img1的位置。（

[legend1970]

<table width="30%" border="1">
<tr>
<td background="out.gif" style="cursor:hand" onMouseOver="this.style.backgroundImage='url(over.gif)'" onMouseOut="this.style.backgroundImage='url(out.gif)'">
连接1
</td>
</tr>
<tr>
<td >连接2</td>
</tr>
<tr>
<td>连接3</td>
</tr>
</table>

[ybfqlyq]

onMouseOver="this.style.background='url(over.gif)'" onMouseOut="this.style.background='url(out.gif)'"

[问道老王]

onMouseOver="this.style.background='url(over.gif)'"
onMouseOut="this.style.background='url(out.gif)'"

----------------

强