当前位置:编程学习 > C#/ASP.NET >>

各位大侠,如何修改母版页中的TAB菜单的背景图片

我用VS2005做了个网站,
1、使用母版页mini.master,
2、使用一个CSS文件:conter.css控制整体外观,
3、在主页default.aspx中设计了一个TAB菜单:
  具体代码如下:
<div id="mainmenu">
<ul>
  <li><a href="<%=Page.ResolveUrl("~/default.aspx")%>" class="selected">主页</a></li>
  <li><a href="<%=Page.ResolveUrl("~/account.aspx")%>">我的账户</a></li>
  <li><a href="<%=Page.ResolveUrl("~/zixun.aspx")%>">资讯服务</a></li>
  <li><a href="<%=Page.ResolveUrl("~/jiaoyi.aspx")%>">交易平台</a></li>
         </ul>
</div>
  如上述代码,通过设置li的a的class属性,使进入主页后,TAB菜单的“主页”的背景图片比其他背景图片颜色深。
    css中相关代码如下:
     #mainmenu li a:active, #mainmenu li a:hover, #mainmenu li a.selected
     {background: url('images/menu1.gif') no-repeat ;
4、我把mini.master应用在上述四个页面(account.aspx,zixun.aspx,jiaoyi.aspx),我如何设置才能使得在转到相应的页面是相应的TAB菜单背景也变化!
请各位大侠赐教!


--------------------编程问答-------------------- 不明LZ在说什么 --------------------编程问答-------------------- 最笨的办法是加载不同的CSS,
最好的办法是你动态生成你的前台页面代码,
在不同页面动态绑定不同的前台数据和样式


比如:后台申明一个public string strindex=null;
     
     下面,把页面上的那几个tab样式直接给予值:strindex="你那段div代码";//这里就需要你把你的CSS根据不同页面设置不同的class,比如是  a.aspx  那么你就只需要给到a页的li设置CSS样式 ;


    然后在页面上把你那段           
    <div id="mainmenu"> 
<ul> 
  <li> <a href=" <%=Page.ResolveUrl("~/default.aspx")%>" class="selected">主页 </a> </li> 
  <li> <a href=" <%=Page.ResolveUrl("~/account.aspx")%>">我的账户 </a> </li> 
  <li> <a href=" <%=Page.ResolveUrl("~/zixun.aspx")%>">资讯服务 </a> </li> 
  <li> <a href=" <%=Page.ResolveUrl("~/jiaoyi.aspx")%>">交易平台 </a> </li> 
        </ul> 
</div> 
替换掉;

<%=strindex>

完成.

还有个办法:
通过JS获取你的URL 然后根据URL来进行动态加载,这个是最不浪费资源的办法,每个页面body onload加载一个JS --------------------编程问答-------------------- 易做图 CSDN的管理员 3月的贴都还放这里....



操 --------------------编程问答--------------------
引用 3 楼 yb00k 的回复:
易做图 CSDN的管理员 3月的贴都还放这里.... 



哈哈
补充:.NET技术 ,  其他语言
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,