如何保持项目菜单

的亮点我有项目列表的导航栏。如何保持项目菜单

的HTML代码

<div id="main-menu"> 
      <ul div="nav"> 
       <li><a href="about.html" target="_blank">ABOUT</a></li> 
       <li><a href="services.html" target="_blank">SERVICES</a></li> 
       <li><a href="portfolio.html" target="_blank">PORTFOLIO</a></li> 
       <li><a href="blog.html" target="_blank">BLOG</a></li> 
       <li><a href="contact.html" target="_blank">CONTACT</a></li> 
      </ul> 
    </div>

我做了以下CSS代码

CSS代码：

a:link { 
    color: #000000; 
    text-decoration: none; 
} 

a:active { 
    color:#000000; 
    text-decoration: none; 
} 

a:visited { 
    color: #000000; 
    text-decoration: none; 
} 

a:hover { 
    color: #CE1F20; 
    text-decoration: none; 
}

我需要保持的菜单项的颜色为“＃CE1F20 “就像我在页面中一样。例如，如果我点击网页服务，它会移动到服务页面，但我必须保持服务尽可能多的“＃CE1F20”的颜色我在服务页面，如果我搬到博客应该让博客的颜色“ ＃CE1F20“等。

来源

2012-02-13 HTML Man

您是否使用任何服务器端语言，lik e php？或所有静态html？ – ggreiner 2012-02-13 18:35:20

@ggreiner只有CSS和HTML。 – 2012-02-13 18:38:21

你的问题似乎矛盾。我注意到所有菜单链接的目标属性是'_blank'，这意味着在新窗口中打开链接。如果您打开了一个新窗口，那么链接是否在背景窗口中保持突出显示，这有什么关系？ – Feysal 2012-02-13 18:40:55

因为它是所有静态的，你应该创建与颜色的类，并设置相应的链接，每个页面上的类。

换句话说，在服务页面上的导航栏将包括：

<li><a href="services.html" target="_blank" class="currentTab">SERVICES</a></li>

来源

2012-02-13 18:41:50

i做了你告诉我的结果，因为菜单进入了索引页面，当我做你的帮助时，它会以红色显示链接，而另一个则显示为黑色，这会给人留下印象，而真正的你在索引页 – 2012-02-13 19:03:07

非常感谢，它真的帮助我。 – 2012-02-13 19:11:44

-1

如果你使用PHP，你可以使用一个变量来表示wheter的页面是有效的。

<div id="main-menu"> 
      <ul div="nav"> 
       <li><a <?php echo $isactive; ?> href="about.html" target="_blank">ABOUT</a></li> 
       <li><a <?php echo $isactive; ?> href="services.html" target="_blank">SERVICES</a></li> 
       <li><a <?php echo $isactive; ?> href="portfolio.html" target="_blank">PORTFOLIO</a></li> 
       <li><a <?php echo $isactive; ?> href="blog.html" target="_blank">BLOG</a></li> 
       <li><a <?php echo $isactive; ?> href="contact.html" target="_blank">CONTACT</a></li> 
      </ul>

这时如果页面是活动的，你可以打印出类似这样 “类= 'active_section'”，并在你的CSS：

.active_section { 
color: #CE1F20; 
text-decoration: none;

}

来源

2012-02-13 18:40:02

OP不使用PHP;检查问题的评论。 – 2012-02-13 18:42:46

答案获得反馈 – 2012-02-13 18:50:12

在每个页面，添加“主动”类对应的菜单项：

例如about.html你的类“主动”添加到“关于”链接：

<div id="main-menu"> 
      <ul div="nav"> 
       <li><a class="active" href="about.html" target="_blank">ABOUT</a></li> 
       <li><a href="services.html" target="_blank">SERVICES</a></li> 
       <li><a href="portfolio.html" target="_blank">PORTFOLIO</a></li> 
       <li><a href="blog.html" target="_blank">BLOG</a></li> 
       <li><a href="contact.html" target="_blank">CONTACT</a></li> 
      </ul> 
    </div>

然后，在CSS定义“活跃”的风格：

a.active{ 
    color: #CE1F20; 
}

来源

2012-02-13 18:40:40 ggreiner

我先发布你告诉我。它的剂量给出了结果，因为菜单进入索引页面，当我做你的帮助时，它将以红色显示链接，而另一个将显示为黑色，并且这会给人留下印象，当你处于真实状态时索引页 – 2012-02-13 18:59:07

因此，假设您有一个名为“index.html”的文件，一个名为“about.html”和“services.html”等的安全文件。如果是这样，请勿将任何类添加到index.html中的菜单中。我上面提出的改变是为了“关于”。html“，然后在每个其他html文件中做出相应的更改 – ggreiner 2012-02-13 19:02:14

是的，你是对的，非常感谢你的帮助，我在那里做了很抱歉，这是我的错误，我从索引开始。 – 2012-02-13 19:08:12

尝试把你的CSS是这样的：

一个{// CSS }

这将将相同样式应用于每个链接并添加CSS类“活动”广告将其添加到每个活动的链接中...

来源

2012-02-13 18:44:24

如何保持项目菜单

回答

相关问题