div css js simulates tab switching effect event binding IE, firefox compatible_javascript skills

div css js simulates tabs. This version of mine can theoretically add unlimited tabs. Moreover, you only need to add content and do not need to change JS.
Of course, you must know how to DIV.

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>div css js simulate tab</title> <style><!-- body{margin:0;padding:0; text-align:center; background-color:#CCCCCC} a{text-decoration:none} #header ul{padding:0;margin:0} #header ul li{list-style:none; float:left} #header ul li span{display:inline-block; border:1px solid #000; cursor:hand;} #ccc{ clear:both; background-color:#009933; text-align:left} #ccc div.cont{display:none} --></style> <div id="wrap"> <div id="header"> <ul> <li><a href="#"><span>Box 1111</span></a></li> <li><a href="#"><span>Box 2222</span></a></li> <li><a href="#"><span>Box 3333</span></a></li> <li><a href="#"><span>Box 4444</span></a></li> </ul> </div> <div id="ccc"> <div class="cont"> Here is the content. 111锛</div> </div> </div>