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> standard multi-picture intermittent up tumbling code </title> <style type=" Text/css "> Body {color: #000; font-size:12px; margin:0 Auto; padding:0; FORM {margin:0px; padding:0px; } ul {margin:0; padding:0; Li {list-style:none; Float:left; }. brandmain{margin:0px Auto; width:760px; margin-top:5px; Background: #ffffff; padding:0px; border:1px solid #A9D390; Clear:both; }. brandleft{Float:left; width:20px; height:134px; Background-color: #EDF7E7; line-height:30px; Text-align:center; padding-top:15px; }. brandright{Float:right; width:20px; height:134px; Background-color: #EDF7E7; line-height:30px; Text-align:center; padding-top:15px; }. brandall{width:710px; Float:left; Text-align:center; Margin-left:3px; margin-top:4px; margin-bottom:3px; }. brandall Li {float:left; Background:url (images/brandbg.gif) repeat-x; width:170px; height:65px; margin:0px 3px 0px 3px; padding-top:6px; }. brandall img {border:0px solid #fff;} </style> <base href= "http://www.homr.cn/demo/ScoolPhotos/" > </p ead> <body> <script language= "JavaScript" > var obj_marquee; var marquee_spd = 4000; var step_c = 0; function Marquee_init () {obj_marquee = document.getElementById ("marquee"); var obj_unit = Obj_marquee.firstchild; var n = Math.ceil (parseint (obj_marquee.style.height)/obj_unit.offsetheight); for (var i=0 i<n; i++) obj_marquee.appendchild (Obj_unit.clonenode (true)); SetInterval ("Step_c=0;settimeout (' marquee_show () ')", marquee_spd); Return function Marquee_show () {var marquee_high = parseint (obj_marquee.style.height); var step = MARQUEE_HIGH/10; if (obj_marquee.scrolltop >= obj_marquee.children[1].offsettop) {OBJ_MARQUEE.SCRolltop = 0; Marquee_show (); Return } obj_marquee.scrolltop + = step; if (Step_c++ <) settimeout ("Marquee_show ()", 50); Return } Window.onload=marquee_init; </script> <div class= "Brandmain" > <div class= "brandleft" > Know <br/> name <br/> <br brand/> t;br/> </div> <div id= "marquee" class= "Brandall" > <div > <!--marquee Body Head--> ;d IV class= "Brandall" ><ul> <li></li> <li></li> <li></li> <li>< ;/li> <li></li> <li></li> <li></li> <li></li> </ul></ div> <div class= "Brandall" ><ul> <li></li> <li></li> <li></li> & lt;li></li> <li></li> <li></li> <li></li> <li></li> </ ul></div> <!--Marquee body Bottom--> </div> </div> <div class= "BranDright "> <br/> name <br/> products <br/> License <br/> </div> </div> </body> </ptml>
Tip: You can modify some of the code before running