Tip: you can modify some code before running
Image effects-Tencent customer service switching between image slides<!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>Image effects-Tencent customer service switching between image slides</title><meta http-equiv="content-type" content="text/html;charset=gb2312"><!--把下面代码加到<head>与</head>之间--><style type="text/css">Img {border: 0;} body {font: normal 12px/1.5 Tahoma, "Homa"; color: #333333; background: url (http://www.zzsky.cn/effect/images/200912110220/body_bg.png) repeat-x top # ffffff; text-align: center; height: 100% ;}# main {margin: 0 auto; width: 910px; text-align: left; margin-top: 5px ;}# main h1 {background: url (http://www.zzsky.cn/effect/images/200912110220/service_bg.png) no-repeat 0px-260px; border-bottom: 1px solid # bcd6e8; padding: 3px 0 25px; font-size: 14px; font-weight: bold; height: 24px; position: relative;} # main h1. span {position: absolute; float: right; right: 10px; top: 5px; font-size: 12px; font-weight: normal;} # main h2 {height: 23px; padding: 4px 0 0 15px; font-size: 14px; position: relative; font-weight: bold ;}# main h2. more {float: right; position: absolute; right: 10px; top: 3px; font-weight: normal ;}. 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 {background: url (http://www.zzsky.cn/effect/images/200912110220/ad_bg2.png) no-repeat ;}. on img {border: 1px solid # 0099ff ;}. clear {clear: both ;}. tab_img {width: 72px; height: 35px; margin-top: 3px; border: 1px solid # fff ;}</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></head><body><!--把下面代码加到<body>与</body>之间--><div id="main" class="clearfix"><div class="left"> <div class="banner" id="banner"><div class="banner_tab clearfix"><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><li id="tab_tophome_4" class="out"></li></ul> </div><div><div id="con_tophome_1"></div> <div id="con_tophome_2" class="hidecontent"></div> <div id="con_tophome_3" class="hidecontent"></div> <div id="con_tophome_4" class="hidecontent"></div> <div class="clear"></div></div></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 ('rolltophome () ', 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></html>
Tip: you can modify some code before running