Before replying to a few friends, about the sliding door code, then I have not used ie7,ff, the results, found only in IE6 run, the code is very long; today, a friend asked me this, I had to spend a little time, finally finished this thing, I hope you like;
Compatible with IE7; Ff;ie6
The code is more concise and easier to read;
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <ptml xmlns=" http://www.w3.org/1999/xhtml "> <pead> <meta http-equiv=" Content-type "content=" text/html; charset=gb2312 "/> <title> Sliding Doors </title> <style media=" screen "type=" Text/css "> <!--*{font-size : 12px;} html,body{margin:0;text-align:center;over-flow:hidden;height:100%;width:100%;} Ul{list-style-type:none, margin:0px;}/* Standard box Model */. ttl{height:18px;}. Ctt{height:auto;padding:6px;clear:both}. w936{ width:936px;margin:2px 0;clear:both;border:1px Solid Skyblue}/* TAB Toggle Effect */. Tb_{background-color: #E6F2FF; Background-image:url (' http://www.dc18.com/images/barbg_tab.gif '); Background-repeat:repeat-x;} . tb_ ul{height:24px;}. tb_ li{float:left;height:24px;padding-top:6px;width:94px;cursor:pointer;}. normaltab {backgr Ound-image:url (' http://www.dc18.com/images/normal_tab.gif '); Background-repeat:no-repeat; Color: #1F3A87;} . hovertab {background-image:url (' http://www.dc18.com/images/hover_tab.gif '); background-repeat:no-repeat; color:# 1f3a87; Font-weight:bold}. Dis{display:block;}. undis{display:none; </style> </pead> <body> <ul> <li id= "tb_1" class= "Hovertab" onmouseover= "Xgz:hoverli (1);" > Online exhibition </li> <li id= "tb_2" class= "Normaltab" onmouseover= "Xgz:hoverli (2);" > Open this month </li> <li id= "Tb_3" class= "Normaltab" onmouseover= "Xgz:hoverli (3);" > Well-known developers </li> <li id= "Tb_4" class= "Normaltab" onmouseover= "Xgz:hoverli (4);" > Column navigation </li> <li id= "tb_5" class= "Normaltab" onmouseover= "Xgz:hoverli (5);" > Ha ha </li> <li id= "tb_6" class= "Normaltab" onmouseover= "Xgz:hoverli (6);" >q Small Pigeons </li> </ul> content 1 content 2 content 3 content 4 Content 5 Content 6 [Q small pigeons] <pr authOr= "http://xiaogezi.cn" style= "color:red;/> </body> </ptml>
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
