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

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

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

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

  <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>的效果刷新了 ,熟知的怎么解决这个问题 ……困扰我三天了
[解决办法]
onMouseOver="this.style.backgroundPosition='left -36px'" onMouseOut=   你要体现出来啊

[解决办法]
#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>

热点排行