Tip: you can modify some code before running
Similar to Sina, sina.com's classic yellow sliding door effect code<!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><title></title><meta http-equiv="content-type" content="text/html;charset=gb2312"><!--把下面代码加到<head>与</head>之间--><style type="text/css">* {Font: 12px ""; margin: 0; padding: 0;} ul {list-style: none;} a {text-decoration: none;}: hover {text-decoration: underline ;}. tabADS {width: 160px ;}. tabADS ul {width: 160px; height: 24px; background: # fff ;}. tabADS li {width: 40px; float: left; height: 18px; padding: 6px 0 0 0; background: url (yun_qi_img/sinahome1.gif) no-repeat right # e4e4e4; text-align: center; color: #333; cursor: pointer ;}. tabADS. tasADSOn {background: url (yun_qi_img/sinahome2.gif) no-repeat right # ffe4a6; text-align: center; color: #333; font-weight: bold; cursor: pointer ;}. tabADSCon {background: # FFD77B; padding: 5px; width: 150px ;}. tabADSCon li {text-align: left; line-height: 20px ;}</style><script language="javascript" type="text/javascript">Function Show_TabADSMenu (tabadid_num, tabadnum) {for (var I = 0; I <4; I ++) {document. getElementById ("tabadcontent _" + tabadid_num + I ). style. display = "none" ;}for (var I = 0; I <4; I ++) {document. getElementById ("tabadmenu _" + tabadid_num + I ). className = "";} document. getElementById ("tabadmenu _" + tabadid_num + tabadnum ). className = "TasADSOn"; document. getElementById ("tabadcontent _" + tabadid_num + tabadnum ). style. display = "block ";}</script></head><body><!--把下面代码加到<body>与</body>之间--><div class="TabADS"> <ul> <li id="tabadmenu_10" onmouseover="setTimeout('Show_TabADSMenu(1,0)',200);" class="TasADSOn">VB</li> <li id="tabadmenu_11" onmouseover="setTimeout('Show_TabADSMenu(1,1)',200);">ASP</li> <li id="tabadmenu_12" onmouseover="setTimeout('Show_TabADSMenu(1,2)',200);">PHP</li> <li id="tabadmenu_13" onmouseover="setTimeout('Show_TabADSMenu(1,3)',200);">Cgi</li> </ul></div><div class="TabADSCon"> <ul id="tabadcontent_10"> <li>VC-based push Box games</li> </ul> <ul id="tabadcontent_11" > <li>VB batch rename program</li> </ul> <ul id="tabadcontent_12" > <li>Source code of VC ++ wuziqi Game Pro Edition</li> </ul> <ul id="tabadcontent_13" > <li>Exquisite multi-mode DELPHI alarm clock program</li> </ul></div></body></html>
Tip: you can modify some code before running