<! DOCTYPE HTML Public"-//W3C//DTD XHTML 1.0 transitional//en" "HTTP://WWW.W3.ORG/TR/XHTML1/DTD/XHTML1-TRANSITIONAL.DTD">"http://www.w3.org/1999/xhtml">"Content-type"Content="text/html; Charset=utf-8"/><title> Pet </title><style>*{margin:0px; padding:0px;} #cute {position:relative; width:1400px; height:220px; Margin-top:100px; Margin-left:120px; Overflow:hidden;} #cute ul{List-style-Type:none; left:0px; top:0px; Position:absolute;} #cute ul li{float: Left; Margin-left:5px;} Li img{width:270px; height:220px;} #right {float: Right;}</style><script>window.onload=function () {varOcte=document.getelementbyid ('Cute'); varOul=octe.getelementsbytagname ('ul')[0]; varAli=oul.getelementsbytagname ('Li'); varSpeed=2; Oul.innerhtml=oul.innerhtml+oul.innerhtml; OUl.style.width=ali[0].offsetwidth*ali.length+ -+'px'; function Move () {if(oul.offsetleft<-oul.offsetwidth/2) OUl.style.left='0px'; if(oul.offsetleft>0) OUl.style.left=-oul.offsetwidth/2+'px'; OUl.style.left=oul.offsetleft+speed+'px'; } varTimer=setinterval (Move, -); Octe.onmouseover=function () {clearinterval (timer); }; Octe.onmouseout=function () {Timer=setinterval (Move, -); }; document.getElementById (' Left'). onclick=function () { speed=-2; }; document.getElementById (' Right'). onclick=function () { speed=2; };};</script>" Left">"image/left.jpg"/></div><div id="Cute"> <ul> <li>"image/a.jpg"/></li> <li>"image/b.jpg"/></li> <li>"image/c.jpg"/></li> <li>"image/d.jpg"/></li> <li>"image/e.jpg"/></li> </ul></div><div id=" Right">"image/right.jpg"/></div></body>js-(Seamless scrolling)