ASP.NET母版页菜单栏

我有母版页和4页

<div class="navcover">
    <div class="nav"style="background-image: url(images/lion.jpg);">
        <a href="Default.aspx">Home</a>
    </div>
    <div class="nav"> 
         <a href="Services.aspx">Services</a> 
    </div>
    <div class="nav">
         <a href="careers.aspx">Careers</a>
    </div>
    <div class="nav"style="background-image: url(images/lion.jpg);">
        <a href="contactus.aspx">Contact Us</a>
    </div>
</div>

当我进入服务时，背景图像必须更改为images/lion.jpg，当我进入职业生涯等时。。。

---

如何设置这些更改？

您需要在母版页上找到请求的页面名称

protected void Page_Load(object sender, EventArgs e)
{
    if (this.MainContent.Page is Services)
    {
        // The default page
    }
}

使项目

在class='server'

上运行，以便您可以在母版页上获取它的引用。 然后使用

.attributes

功能相应地更改属性（背景）

<div class="nav"style="background-image: url(images/lion.jpg);" runat="Server">


protected void Page_Load(object sender, EventArgs e)
{
    if (this.MainContent.Page is Services)
    {
       //get reference of div and add style

受保护的无效页面加载（对象发送方、事件参数e）
{
if（this.MainContent.Page为服务）
{
//获取div的引用并添加样式

试试这个

<div class="navcover">
            <div class="nav" id="nav1" style="background-image: url(images/lion.jpg);">
                <a href="Default.aspx">Home</a>
            </div>
            <div class="nav" id="nav2"> 
                 <a href="Services.aspx">Services</a> 
            </div>
            <div class="nav" id="nav3">
                 <a href="careers.aspx">Careers</a>
            </div>
            <div class="nav" id="nav2" style="background-image: url(images/lion.jpg);">
                <a href="contactus.aspx">Contact Us</a>
            </div>
        </div>
    <div>

并在母版页中添加此javascript函数

<script>
   window.onload = function()
    {
        var url = document.URL;
        if(url.indexOf('Default2.aspx') != -1)
        {
            var a = document.getElementById("nav1");
            a.style.backgroundImage="url('images/lion.jpg')";
        }    
        if(url.indexOf('Services.aspx') != -1)
        {
            var a = document.getElementById("nav2");
            a.style.backgroundImage="url('images/lion.jpg')";
        }  
        if(url.indexOf('careers.aspx') != -1)
        {
            var a = document.getElementById("nav3");
            a.style.backgroundImage="url('images/lion.jpg')";
        }  
        if(url.indexOf('contactus.aspx') != -1)
        {
            var a = document.getElementById("nav4");
            a.style.backgroundImage="url('images/lion.jpg')";
        }  
    };
    </script>

window.onload=函数（）
{
var url=document.url；
if（url.indexOf（'Default2.aspx'）！=-1）
{
var a=document.getElementById（“nav1”）；
a、 style.backgroundImage=“url（'images/lion.jpg'）”；
}    
if（url.indexOf（'Services.aspx'）！=-1）
{
var a=document.getElementById（“nav2”）；
a、 style.backgroundImage=“url（'images/lion.jpg'）”；
}  
如果（url.indexOf（'careers.aspx'）！=-1）
{
var a=document.getElementById（“nav3”）；
a、 style.backgroundImage=“url（'images/lion.jpg'）”；
}  
如果（url.indexOf（'contactus.aspx'）！=-1）
{
var a=document.getElementById（“nav4”）；
a、 style.backgroundImage=“url（'images/lion.jpg'）”；
}  
};

我建议将导航重新格式化为

• 结构。