鼠标经过表格变换颜色,如何写成变换背景图片
<tablewidth="200"border="1"><tronmouseover="this.style.backgroundColor='#ccc...
<table width="200" border="1"><tr onmouseover="this.style.backgroundColor='#ccc';" onmouseout="this.style.backgroundColor='#fff';"><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr><tr onmouseover="this.style.backgroundColor='#ccc';" onmouseout="this.style.backgroundColor='#fff';"><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr><tr onmouseover="this.style.backgroundColor='#ccc';" onmouseout="this.style.backgroundColor='#fff';"><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr></table> 这个代码是鼠标经过表格改变颜色,。如何写成经过就改变背景图片
展开
1个回答
展开全部
<table width="200" border="1">
<tr onmouseover="this.style.background='url(图片路径)';" onmouseout="this.style.background='';this.style.backgroundColor='#fff';"><td>表格内容</td><td>表格内容</td></tr>
<tr onmouseover="this.style.backgroundColor='#ccc';" onmouseout="this.style.backgroundColor='#fff';"><td>表格内容</td><td>表格内容</td></tr>
<tr onmouseover="this.style.backgroundColor='#ccc';" onmouseout="this.style.backgroundColor='#fff';"><td>表格内容</td><td>表格内容</td></tr>
</table>
<tr onmouseover="this.style.background='url(图片路径)';" onmouseout="this.style.background='';this.style.backgroundColor='#fff';"><td>表格内容</td><td>表格内容</td></tr>
<tr onmouseover="this.style.backgroundColor='#ccc';" onmouseout="this.style.backgroundColor='#fff';"><td>表格内容</td><td>表格内容</td></tr>
<tr onmouseover="this.style.backgroundColor='#ccc';" onmouseout="this.style.backgroundColor='#fff';"><td>表格内容</td><td>表格内容</td></tr>
</table>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |