Question

请网页制作的高手们指点指点关于onmouseover和onmouseout命令的问题

想实现的效果是：
在一个区域里，有若干行文字，
当鼠标放在第一行文字上时，整个区域的背景图是a；
当鼠标放在第二行文字上时，整个区域的背景图是b；
当鼠标放在第三行文字上时，整个区域的背景图是c；
当鼠标放在第四行文字上时，整个区域的背景图是d；
以此类推。
不知道应该怎么编写，请高手们指点迷津~~谢谢了！鞠躬！

Answer 1

<script>
function showbg(i){
document.getElementById("tbl").style.background="url(http://bbs.dvbbs.net/Images/userface/image"+i+".gif)";
}
function hidebg(){
document.getElementById("tbl").style.background="";
}
</script>
<table id=tbl>
<tr>
<td height=50 onmouseover="showbg(1)" onmouseout="hidebg()">11111111111111111111</td>
</tr>
<tr>
<td height=50 onmouseover="showbg(2)" onmouseout="hidebg()">22222222222222222222</td>
</tr>
<tr>
<td height=50 onmouseover="showbg(3)" onmouseout="hidebg()">33333333333333333333</td>
</tr>
<tr>
<td height=50 onmouseover="showbg(4)" onmouseout="hidebg()">44444444444444444444</td>
</tr>
</table>

Answer 2

比较好的办法是用CSS样式控制，用DIV的嵌套能实现。