如何实现鼠标滑过<a>背景图片由灰色变黄色，点击跳到链接页面背景图片还是黄色，点击另外一个<a>才重新变成灰色

Question

如题：我用的是母版，  <div class="header"><ul class="class4">
                        <li class="class4"><a href="Index.aspx" class="首页"><span></span>首页</a></li>
<li class="class4"><a href="toshow.aspx"><span></span>通知通告</a></li></ul></div>  通过样式 #header ul li a {background: url(Images/btn1.png) no-repeat right top;}  #header li a:hover{background: url(Images/btn__hover.png)}来实现图片更换的
但是index.aspx加载母版页，每次点击的时候把我母版页<a>的效果刷新了 ，熟知的怎么解决这个问题 ……困扰我三天了

Answer 1

后来用另外一种方法<frameset border="0" framespacing="0"  rows="310px,*,100px" frameborder="0">
            <FRAME name="header" src="top.htm" />
              <FRAME name="main" src="Main.aspx" />
              <FRAME name="footer" src="foot.htm" />
        </frameset>
        <noframes></noframes>
中间页Main.aspx内容很多的时候不能全部显示，加滚动条只是中间这部分滚动，不是整个frameset整个滚动，友人帮帮忙呀

Answer 2

onMouseOver="this.style.backgroundPosition='left -36px'" onMouseOut=   你要体现出来啊

Answer 3

#header li a.hover{background: url(Images/btn__hover.png)}<div class="header"><ul class="class4">
                        <li class="class4"><a href="Index.aspx"  class="<%= Request.Url.AbsolutePath.ToLower()=="/index.aspx"?"hover":"" %>"><span></span>首页</a></li>
<li class="class4"><a href="toshow.aspx" class="<%= Request.Url.AbsolutePath.ToLower()=="/toshow.aspx"?"hover":"" %>"><span></span>通知通告</a></li></ul></div>

Answer 4

<table style="width:100%;">
                            <tr>
                                <td width="100" height="40" align="center" style="background: url(Images/btn1.png) no-repeat right top;"  onmouseout="this.style.backgroundImage='url(Images/btn.png)'"><a href="index.aspx" style="color:#c9d3da;font-weight: bold;" class="top">首 页</a>
                                </td></tr></table> 
一直围绕框架，局部刷新考虑了 呵呵，原来这么简单，谢谢了。