设置导航当前页面“激活”
时间：2007-02-17 来源：PHP爱好者
这个功能导航用的多一些，就是达到一个页面的导航条某个栏目和其他的不同的目的。 比如我们有一个导航条有以下几条：
太阳
月亮
卫星 相应的目录结构与页面对应的是：
/sun/index.html
/moon/index.html
/satellite/index.html 比如当页面转到"月亮"页面时，我们想在导航条的“月亮”的条目上显得与众不同些，以突出是当前页面。 这样做： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>当前文档导航"激活"用法</title>
<style type="text/css">
<!--
#nav {
background-color: #CCCCCC;
width: 200px;
}
#nav ul li a.act {
color: #990000;
}
-->
</style>
</head>
<body>
<div id="nav">
<ul>
<li><a href="/sun/">太阳</a></li>
<li><a href="/moon" class="act">月亮</a></li>
<li><a href="/satellite">卫星</a></li>
</ul>
</div> 很简单的，主要就是设置一个 a.act（不要与a:activ混淆），然后在href里加个class。 最后，再说点另外的收获，Dreamweaver代码视图，用方正超大字符集的“宋体”不错。
php爱好者站 http://www.phpfans.net PHP|MySQL|javascript|ajax|html.
太阳
月亮
卫星 相应的目录结构与页面对应的是：
/sun/index.html
/moon/index.html
/satellite/index.html 比如当页面转到"月亮"页面时，我们想在导航条的“月亮”的条目上显得与众不同些，以突出是当前页面。 这样做： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>当前文档导航"激活"用法</title>
<style type="text/css">
<!--
#nav {
background-color: #CCCCCC;
width: 200px;
}
#nav ul li a.act {
color: #990000;
}
-->
</style>
</head>
<body>
<div id="nav">
<ul>
<li><a href="/sun/">太阳</a></li>
<li><a href="/moon" class="act">月亮</a></li>
<li><a href="/satellite">卫星</a></li>
</ul>
</div> 很简单的，主要就是设置一个 a.act（不要与a:activ混淆），然后在href里加个class。 最后，再说点另外的收获，Dreamweaver代码视图，用方正超大字符集的“宋体”不错。
php爱好者站 http://www.phpfans.net PHP|MySQL|javascript|ajax|html.
相关阅读 更多 +
