Div scaling menu
. TE3 {Background: URL (images/in_17.gif) No-repeat 10px 6px; text-indent: 15px; font-size: 14px; font-weight: bold; color: # 3d63be ;}
. TE3 A {color: # 3d63be; font-size: 14px; font-weight: bold; text-Decoration: none ;}
. TE3 A: hover {color: # 3d63be ;}
. Te33 {Background: URL (images/in_16.gif) No-repeat 10px 10px; text-indent: 15px; font-size: 14px; font-weight: bold; color: # 3d63be ;}
. Te33 A {color: # 3d63be; font-size: 14px; font-weight: bold; text-Decoration: none ;}
. Te33 A: hover {color: # 3d63be ;}
. TE4 {width: 185px! Important; width/**/: 195px; float: Left; clear: Both; color: #333; line-Height: 28px; padding-left: 10px ;}
. TE4 A {color: #333; text-Decoration: none; font-size: 12px; font-weight: normal ;}
. TE4 A: hover {color: #333; text-Decoration: underline ;}
. None {display: none ;}
-->
</Style>
<SCRIPT type = "text/JavaScript">
Function showdiv (divnum, divbefor ){
For (I = 1; I <= divnum; I ++ ){
If (I = divbefor ){
Document. getelementbyid ("nav _" + I). classname = "te33"
Document. getelementbyid ("content _" + I). classname = "Block ";
} Else {
Document. getelementbyid ("nav _" + I). classname = "TE3"
Document. getelementbyid ("content _" + I). classname = "NONE ";
}
}
}
</SCRIPT>
</Head>
<Body>
<Div class = "TE1">
<Div class = "TE2">
<Ul>
<Li class = "te33" id = "nav_1" onclick = "javascript: showdiv ('5', '1')"> Project Introduction </LI>
<Div class = "Block" id = "content_1">
<Div class = "TE4"> <a href = "#"> Project advantages </a> </div>
<Div class = "TE4"> <a href = "#"> application conditions </a> </div>
<Div class = "TE4"> <a href = "#"> handle Program </A> </div>
<Div class = "TE4"> <a href = "#"> Service Process </a> </div>
</Div>
<Li class = "TE3" id = "nav_2" onclick = "javascript: showdiv ('5', '2')"> German policy </LI>
<Div class = "NONE" id = "content_2">
<Div class = "TE4"> <a href = "#"> immigration policy </a> </div>
<Div class = "TE4"> <a href = "#"> welfare policy </a> </div>
<Div class = "TE4"> <a href = "#"> Investment Policy </a> </div>
<Div class = "TE4"> <a href = "#"> Tax Policy </a> </div>
</Div>
<Li class = "TE3" id = "nav_3" onclick = "javascript: showdiv ('5', '3')"> Germany overview </LI>
<Div class = "NONE" id = "content_3">
<Div class = "TE4"> <a href = "#"> geography and humanities </a> </div>
<Div class = "TE4"> <a href = "#"> Economic overview </a> </div>
<Div class = "TE4"> <a href = "#"> key industries </a> </div>
<Div class = "TE4"> <a href = "#"> digital Germany </a> </div>
</Div>
<Li class = "TE3" id = "nav_4" onclick = "javascript: showdiv ('5', '4')"> practical information </LI>
<Div class = "NONE" id = "content_4">
<Div class = "TE4"> <a href = "#"> Social Security System </a> </div>
<Div class = "TE4"> <a href = "#"> German education system </a> </div>
<Div class = "TE4"> <a href = "#"> Restricted Industries </a> </div>
<Div class = "TE4"> <a href = "#"> company establishment form </a> </div>
<Div class = "TE4"> <a href = "#"> living in Germany </a> </div>
</Div>
<Li class = "TE3" id = "nav_5" onclick = "javascript: showdiv ('5', '5')"> city introduction </LI>
<Div class = "NONE" id = "content_5">
<Div class = "TE4"> <a href = "#"> North Weizhou </a> </div>
<Div class = "TE4"> <a href = "#"> Berlin </a> </div>
<Div class = "TE4"> <a href = "#"> cologne </a> </div>
</Div>
</Ul>
</Div>
</Div>
</Body>
</Html>
Source code