Tip: you can modify some code before running
Javascript tab [compatible with ie6, ie7, ie8, and fox browsers]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>Javascript tab [compatible with ie6, ie7, ie8, and fox browsers]</title><script type="text/javascript">Function nTabs (thisObj, Num) {if (thisObj. className = "active") return; var tabObj = thisObj. parentNode. id; var tabList = document. getElementById (tabObj ). getElementsByTagName ("li"); for (I = 0; I<tabList.length; i++){ if (i == Num){ thisObj.className = "active"; document.getElementById(tabObj+"_Content"+i).style.display = "block"; }else{ tabList[i].className = "normal"; document.getElementById(tabObj+"_Content"+i).style.display = "none"; } } } </script> <style type="text/css"># MyTab02 li, # myTab li {float: left; display: block; width: 50px; border: 1px solid #666666 ;}# ac, $ ac1 {width: 150px; height: 50px; clear: both;} body, td, th {font-size: 12px ;}</style></head><body><ul id="myTab02"><li class="active" onclick="nTabs(this,0);">New House</li> <li class="normal" onclick="nTabs(this,1);">Second-hand house</li> <li class="normal" onclick="nTabs(this,2);">Renting</li><li class="normal" onclick="nTabs(this,3);">Renting</li></ul><div ></div><div id="ac"><div id="myTab02_Content0">Aaaa</div><div id="myTab02_Content1" >Bbb</div><div id="myTab02_Content2" >Ccc</div><div id="myTab02_Content3" >Dddd</div></div><div ></div><ul id="myTab"><li class="active" onclick="nTabs(this,0);">New House</li> <li class="normal" onclick="nTabs(this,1);">Second-hand house</li> <li class="normal" onclick="nTabs(this,2);">Renting</li><li class="normal" onclick="nTabs(this,3);">Renting</li></ul><div ></div><div id="ac1"><div id="myTab_Content0">Aaaa</div><div id="myTab_Content1" >Bbb</div><div id="myTab_Content2" >Ccc</div><div id="myTab_Content3" >Dddd</div></div>The first station of the Chinese WEB site is original.</body></html>
Tip: you can modify some code before running