<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en" "HTTP://WWW.W3.ORG/TR/HTML4/LOOSE.DTD" >
<title> New Document </title>
<style type= "Text/css" >
*{margin:0;padding:0;}
Ul{list-style:none outside None}
. slchanpin001{width:200px;border:1px Solid orange;margin:55px Auto}
. Slchanpin001-t{height:25px;background:orange}
. slchanpin001-c{width:200px;height:60px;overflow:hidden;position:relative}
. Slchanpin001-c li{float:left;width:200px;height:60px;background:red;}
. slchanpingcon01{height:60px;position:absolute;top:0;left:0;}
</style>
<body>
<div class= "slchanpin001" >
<div class= "Slchanpin001-t" ></div>
<div class= "Slchanpin001-c" >
<div class= "SlchanpingCon01" id= "SlchanpingCon01" >
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>10</li>
<li>10</li>
</ul>
</div>
</div>
</div>
<script type= "Text/javascript" >
var SL = function (ID) {return document.getElementById (ID)}
var speed = 0;
var timer = null;
var i=0;
function Slprodust () {
var slchanpingCon01 = SL ("SlchanpingCon01"). getElementsByTagName ("Li");
var Slelem = SL ("SlchanpingCon01");
var sldivwidth = slchanpingcon01[0].offsetwidth * SLCHANPINGCON01.LENGTH;
SlElem.style.width = sldivwidth + "px";
function Autofunc () {
if (Speed >-sldivwidth) {
speed--;
SlElem.style.left = speed + "px"
}
else{
Cleartimeout (timer);
}
Timer = settimeout (function () {autofunc ()},10);
}
Autofunc ();
}
Slprodust ();
</script>
</body>
