Tip: You can modify some of the code before running
<! 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>soso Focus Chart effect </title> <style type=" Text/css "> Body,div,dl,dt,dd,ul,ol,li , H1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe {margin:0;padding:0} fieldset,img {border:0;} Address,caption,cite,dfn,em,th,var {Font-style:normal;font-weight:normal} ol,ul {list-style:none;} caption,th { Text-align:left;} H1,h2,h3,h4,h5,h6 {Font-size:100%;font-weight:normal} q:before,q:after {content: ';} abbr,acronym {border:0; Question,.often,.question_q a{Background:url (index_bg.png) no-repeat; left{Float:left; width:670px; }. banner{width:670px; height:240px; margin-top:5px; position:relative; }. banner_tab{height:43px; Position:absolute; right:5px; bottom:5px; }. baNner_tab ul {cursor:pointer; Banner_tab li {float:left; List-style-type:none; Text-align:center; }. Banner_tab a {width:80px; height:43px; Display:block; margin-right:2px; }. Banner_tab img{border:1px Solid #659ab6}. hidecontent {display:none; on img{border:1px solid #0099ff; out{}. clear{Clear:both;} . content{margin:0 Auto; Background:url (content_bg.png) repeat-x top; border-left:1px solid #bad1de; border-right:1px solid #bad1de; }. tab_img{width:72px; height:35px; margin-top:3px; border:1px solid #fff; }. help{margin-top:10px; width:670px; div_p{padding:10px 5px 15px; >padding:13px 5px 15px; help_ul{padding:10px 0px 30px 30px; >padding-top:1px; }. Help_ul li{float:left; width:310px; height:28px; line-height:28px; position:relative; }. Help_ul. img_hot{top:8px; Position:absolute; } a.k:link, a.k:visited {color: #228ada; Text-decoratIon:none; } a.k:active,a.k:hover {color: #000; Text-decoration:underline; }. right{width:230px; Float:right; } </style> <script type= "Text/javascript" > Function settab (/*string*/name,/*int*/itemcnt,/*int*/CurItem ,/**/classhide,/**/classshow) {for (i=1;i<=itemcnt;i++) {eval ("document.getElementById" (' tab_ ' + name + ' _ ' + I + "'). Classname= '" + classhide + "'"); Eval ("document.getElementById" ("tab_" + name + "_" + CurItem + ""). Classname= ' "+ Classshow +" "); for (i=1;i<=itemcnt;i++) {eval ("ele_hide = document.getElementById (' con_" + name + "_" + i + ")"); if (ele_hide) Ele_hide.style.display = "None"; Eval ("Ele_play = document.getElementById (' con_" + name + "_" + CurItem + "")); if (ele_play) Ele_play.style.display = "block"; } </script> </pead> <body> <div class= "banner" id= "banner" > <div class= "Banner_tab Clea Rfix "> <ul> <li id=" Tab_tophome_1 "class=" on "></li> ≪li id= "tab_tophome_2" class= "Out" ></li> <li id= "Tab_tophome_3" class= "Out" ></li> <l I id= "Tab_tophome_4" class= "Out" ></li> </ul> </div> <div> <div id= "Con_topho Me_1 "></div> <div id=" con_tophome_2 "class=" hidecontent "></div> <div id=" Con_topho Me_3 "class=" hidecontent "></div> <div id=" con_tophome_4 "class=" Hidecontent "></div> <div class= "Clear" ></div> </div> </div> <script type= "Text/javascript" > var Pause = false; var con_num = 4; var startIndex = 1; function Setloop () {try{var oscroll = document.getElementById (' banner '); Oscroll.nowrap = true; Oscroll.onmouseover = function (e) {pause = true;}; Oscroll.onmouseout = function (e) {pause = false;}; SetInterval (' Scrolltophome () ', 3000); }catch (e) {alert (e.tostring ());} function Scrolltophome () {if (pause) return; StartIndex + 1; if (StartIndex > Con_num) {startIndex = 1;} Settab (' Tophome ', 4,startindex, ' out ', ' on '); } setloop (); </script> </body> </ptml> </td> </tr> </table>
Tip: You can modify some of the code before running
