各位大侠,如何修改母版页中的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月的贴都还放这里....
操 --------------------编程问答--------------------
哈哈
补充:.NET技术 , 其他语言