HTML/CSS 订阅所有【HTML/CSS】的日志

动态改变单元格的背景图

编辑:dnawo 日期:2007-11-05

字体大小: 小 中 大
同事说他动态改变单元格背景图老不行，让我看下，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高手勿笑^_^

上一篇: 递归实例：等差数列和等比数列通项公式
下一篇: 输入法下keyup失效的解决方案
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
最新日志:
评论: 0 | 引用: 0 | 查看次数: 4817
发表评论
请登录后再发表评论！