Copy codeThe Code is as follows:
<UL id = tabMainNav>
<LI class = selected id = tab_GameinfoNav onmousemove = "show_tab (0) "> <SPAN> <A id = tab_1 href =" # ">{$ PHPCMS [sitename]} </A> </SPAN> </LI>
<LI id = tab_ShareEmailNav onmousemove = "show_tab (1) "> <SPAN> <A id = tab_2 href =" # "> share by Email </A> </SPAN> </LI>
<LI id = tab_javasimnav onmousemove = "show_tab (2) "> <SPAN> <A id = tab_3 href =" # "> shared by IM </A> </SPAN> </LI>
<LI id = tab_BlogNav onmousemove = "show_tab (3) "> <SPAN> <A id = tab_4 href =" # "> Publish to A blog or website </A> </SPAN> </LI>
</UL>
<Ul id = ''tabcontent''>
<LI> </LI>
<LI> </LI>
<LI> </LI>
<LI> </LI>
</UL>
JS Code
Copy codeThe Code is as follows:
<Script language = "javascript">
Function show_tab (id ){
Var tabMainNav;
Var tabContent;
TabMainNav = document. getElementById ('tabmainnav ');
TabContent = document. getElementById ('tabcontent ');
For (I = 0; I <tabMainNav. children. length; I ++ ){
If (I = id ){
TabMainNav. children [I]. className = 'selected ';
TabContent. children [I]. className = '';
} Else {
TabMainNav. children [I]. className = '';
TabContent. children [I]. className = 'den den ';
}
}
}
</Script>
CSS code. You can modify these two CSS codes to display different styles.
. Hidden {
}
. Selected {
}