css 实现 图片链接 图片变换

<style type="text/css">
td#td1 a
{
text-decoration:none;
background:transparent url(images/1.jpg) no-repeat;
display:block;
width:260px;
line-height:88px;
}
td#td1 a:hover
{
background:transparent url(images/1-1.jpg);
display:block;
width:260px;
line-height:88px;
}

td#td2 a
{
text-decoration:none;
background:transparent url(images/2.jpg) no-repeat;
display:block;
width:260px;
line-height:88px;
}
td#td2 a:hover
{
background:transparent url(images/2-2.jpg);
display:block;
width:260px;
line-height:88px;
}

td#td3 a
{
text-decoration:none;
background:transparent url(images/3.jpg) no-repeat;
display:block;
width:260px;
line-height:88px;
}
td#td3 a:hover
{
background:transparent url(images/3-3.jpg);
display:block;
width:260px;
line-height:88px;
}
</style>

<TABLE id=nav cellSpacing=0 cellPadding=0 width=800 border=0>
<TBODY>
<TR>

 <td width="5"></td>
    <TD id=td1 width=150 height=30><A href="#">&nbsp;</A></TD>
    <td width="5"></td>
    <TD id=td2 width=150 height=30><A href="#">&nbsp;</A></TD>
    <td width="5"></td>
    <TD id=td3 width=150 height=30><A href="#">&nbsp;</A></TD>
    <td width="5"></td>

</TR>

</TBODY></TABLE>