动态改变单元格的背景图

同事说他动态改变单元格背景图老不行,让我看下,HTML如下:

<table width="200" height="50" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td background="ya_4.jpg" onmouseover="this.style.background='ya_5.jpg';"> </td>
  </tr>
</table>

我一看也没看出原因,感觉应该可以呀,在自己机子上再测试了下,也是不行,突然想td本身不就有background属性,直接用this.background不就行了,改完再做测试,可以了。那用style应该也可以吧,是不是哪边写错了?查了下CSS语法,终于知道原因了。总结了一下,用以下三种方法都可以达到测试:

1. this.background='ya_5.jpg';
2. this.style.backgroundImage='url(ya_5.jpg)';//注意引号位置
3. this.style.background='url(ya_5.jpg)';


上边错误的出现只因我们对CSS语法的不熟,写下加深记忆,CSS高手勿笑^_^

评论: 0 | 引用: 0 | 查看次数: 4538
发表评论
登录后再发表评论!