This function navigation uses more, is achieves one page the navigation bar one column and other different purposes.
For example, we have a navigation bar with the following several:
Sun
Moon
Satellite
The corresponding directory structure corresponds to the page:
/sun/index.html
/moon/index.html
/satellite/index.html
For example, when the page is transferred to the "Moon" page, we want to be different on the "moon" entry of the navigation bar to highlight the current page.
Do this:
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 "/>
<title> Current document Navigation "activate" usage </title>
<style type= "Text/css" >
<!--
#nav {
Background-color: #CCCCCC;
height:200px;
width:200px;
}
#nav ul Li A.Act {
Color: #990000;
}
-->
</style>
<body>
<div id= "NAV" >
<ul>
<li><a href= "/sun/" > Sun </a></li>
<li><a href= "/moon" class= "act" > Moon </a></li>
<li><a href= "/satellite" > Satellite </a></li>
</ul>
</div>
It's simple to set up a a.act (don't confuse with A:activ), and then add a class to the href.
Finally, another point of the harvest, Dreamweaver code view, the founder of the Super Large character set "song" Is good.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
