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

[wvvhappy]

如题：我用的是母版，

  <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>的效果刷新了 ，熟知的怎么解决这个问题 ……困扰我三天了

[wvvhappy]

后来用另外一种方法

<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整个滚动，友人帮帮忙呀

[Dotar]

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

[md5e]

#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>

[wvvhappy]

<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>

一直围绕框架，局部刷新考虑了 呵呵，原来这么简单，谢谢了。