Tab effect of separation of performance, structure and behavior_javascript skills

I have been interested in JS since I was in college, but rarely practiced it. Today I practiced and tried to write a tab. During the debugging process, I discovered that there are many problems just by not practicing!
It is characterized by easy expansion. Just add the title and content yourself and it will be automatically initialized.

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>www.jb51.net tab effect that separates performance, structure and behavior Script House</title> <style type="text/css"> <!-- body { margin:50px; padding: 0px; } .tabs { width:auto; height:auto; border: 0px solid red; } .selectTab,.unselectTab { border:1px solid #BDDFF9; border-bottom-width: 0; width:150px; height:23px; line-height:23px; vertical-align: middle; text-align:center; background-color:#37709B; margin: 0; margin-right: 18px; font-weight:bold; font-size:14px; color:#FFF; cursor: pointer; float:left; } .unselectTab { color:#37709B; background-color: white; } .selectContent { border-top: 5px #37709b solid; padding-top: 8px; clear: both; } .unselectContent { display: none; } --> </style> <div class="tabs"> <h1 onmouseover="changTab(this)"> </h1> tab[1] <h1 onmousemove="changTab(this)"> </h1> Tab[2] <h1 onmouseover="changTab(this)"> </h1> Tab[3] <h1 onmousemove="changTab(this)"> </h1> Tab[4] <div> </div>1 After the above-mentioned steps, a basic CHM file has been created. Some perfect function settings can be made before compilation, as detailed below. <div> </div>2 Category Martial Arts Exhibition Area Category Martial Arts Exhibition Area Category Martial Arts Exhibition Area Category Martial Arts Exhibition Area Category Martial Arts Exhibition Area Category Martial Arts Exhibition Area Category Martial Arts Exhibition Area <div> </div>3 After the above-mentioned steps, a basic CHM file has been created. Some perfect function settings can be made before compilation, as detailed below. <div> </div>4 Categories Martial Arts Exhibition Area Category Martial Arts Exhibition Area Category Martial Arts Exhibition Area Category Martial Arts Exhibition Area Category Martial Arts Exhibition Area Category Martial Arts Exhibition Area Category Martial Arts Exhibition Area </div>