HTML：
<div id="colee_left" style="margin-left:18px; padding-top:5px; width:945px; overflow:hidden; position:relative"><div id="colee_left1" style="position:absolute; width:3600px">
<ul style="width:3600px"><?php for($i=1;$i<=5;$i++){ ?>
<li><a href="/?do=product&id=9"><img src="upfiles/p_jp.jpg" /><span>今聚缘－精品</span></a></li><li><a href="/?do=product&id=11"><img src="upfiles/p_zc.jpg" /><span>今聚缘－珍藏</span></a></li><li><a href="/?do=product&id=10"><img src="upfiles/p_zp.jpg" /><span>今聚缘－珍品</span></a></li><?php } ?>
</ul></div><div id="colee_left2"></div></div>
JS代码：
<script>
//使用div时，请保证colee_left2与colee_left1是在同一行上.
var speed=30//速度数值越大速度越慢
var colee_left2=document.getElementById("colee_left2");
var colee_left1=document.getElementById("colee_left1");
var colee_left=document.getElementById("colee_left");
colee_left2.innerHTML=colee_left1.innerHTML
function Marquee3(){
if(colee_left2.offsetWidth-colee_left.scrollLeft<=0)//offsetWidth 是对象的可见宽度
colee_left.scrollLeft-=colee_left1.offsetWidth//scrollWidth 是对象的实际内容的宽，不包边线宽度
else{
colee_left.scrollLeft++
}
}
var MyMar3=setInterval(Marquee3,speed)
colee_left.onmouseover=function() {clearInterval(MyMar3)}
colee_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}
</script>
