Question

JavaScript如何不重复添加同样的<td>

Answer 1

function kd(obj){
obj.className="t3";
}

function kout(obj){
obj.className="t2";
}

<style>

.t2{
border:1px solid #CCC;
width:80px;
height:40px;
text-align:center;
color:white;
font-size:14px;
font-weight:bold;
background:url(cmp/jpbg1.jpg);
}

.t3{
border:1px solid #CCC;
width:80px;
height:40px;
text-align:center;
color:white;
font-size:14px
font-weight:bold;
background:url(cmp/jpbg3.jpg)
}

</style>

<td class="t2" onmouseover="kd(this);" onmouseout="kout(this);">4</td>

这个是当鼠标移动到上面显示背景图片为 jpbg1.jpg 移开显示jpbg3.jpg 图片你自己改个，效果是可以实现的