Simple and common JS sliding door code

CopyCode The 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 CodeCopy 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 {
}< br>. selected {
}