首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

请教如何写能实现当鼠标移到链接时,所属表格td的背景换成另一个图片

2012-12-30 
请问怎么写能实现当鼠标移到链接时,所属表格td的背景换成另一个图片 ? style typetext/csstd.Menu{ b

请问怎么写能实现当鼠标移到链接时,所属表格td的背景换成另一个图片 ?
 <style type="text/css">
        td.Menu{ background-image:url('images/menu.gif'); color:White; padding:10px;}
    </style>


<table width="100%" style="text-align;left; font-size:16px; font-weight:bold;"><tr><td class="Menu">首页</td><td class="Menu"><a href="stepbystep.htm">快速入门</a></td>
</tr></table>

请问怎么写能实现当鼠标移到链接“快速入门”上时,td的背景换成另一个图片menu2.gif ?
[解决办法]
可以这样做:
<style type="text/css">
       a:link,a:visited{ background-image:url('images/menu.gif'); color:White; padding:10px;}
       a:hover,a:focus a:active{background-image:url('images/menu.gif'); color:White; padding:10px;}
    </style>
[解决办法]
给td加个id
<td class="Menu" id="ss"><a href="stepbystep.htm" onmovemouse="ss.style.background='images/menu.gif'" onoutmouse="ss.style.background=''">快速入门</a></td>
[解决办法]
锚元素是个 行内框,你可以这样试试看:
a{display:block;width:100px;height:100px;}这个宽度就是你制定的字符的最大宽度 ,这样就统一了

热点排行