UC知道请网页制作的高手们指点指点关于onmouseover和onmouseout命令的问题
来源：百度知道 编辑：UC知道 时间：2024/05/16 18:02:03
想实现的效果是：
在一个区域里，有若干行文字，
当鼠标放在第一行文字上时，整个区域的背景图是a；
当鼠标放在第二行文字上时，整个区域的背景图是b；
当鼠标放在第三行文字上时，整个区域的背景图是c；
当鼠标放在第四行文字上时，整个区域的背景图是d；
以此类推。
不知道应该怎么编写，请高手们指点迷津~~谢谢了！鞠躬！
在一个区域里，有若干行文字，
当鼠标放在第一行文字上时，整个区域的背景图是a；
当鼠标放在第二行文字上时，整个区域的背景图是b；
当鼠标放在第三行文字上时，整个区域的背景图是c；
当鼠标放在第四行文字上时，整个区域的背景图是d；
以此类推。
不知道应该怎么编写，请高手们指点迷津~~谢谢了！鞠躬！
<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=&quo