Question

怎样让数据库里的图片不停的向左循环

<script type="text/javascript">
var speed1=30 ;
marquePic21.innerHTML=marquePic11.innerHTML ;
function Marquee1(){
if(demo1.scrollLeft>=marquePic11.scrollWidth){
demo1.scrollLeft=0 ;
}else{
demo1.scrollLeft++ ;
}
}
var MyMar1=setInterval(Marquee1,speed1);
demo1.onmouseover=function() {clearInterval(MyMar1);}
demo1.onmouseout=function() {MyMar1=setInterval(Marquee1,speed1);}
</script> 如果添加了三张图片 那么它会循环一下 然后停下来 现在我想做的是 不管是几张图片 让它一直不停的循环 即使是一张也是在那里循环 这种效果怎么改代码呢 请高人指点迷津

Answer 1

<script type="text/javascript">
var speed1=30 ;
var pobjWidth=100; // 滚动宽度(px)
var MarqueeLoop=0;
marquePic21.innerHTML=marquePic11.innerHTML ;
if(marquePic11.offsetWidth < pobjWidth){
while((marquePic21.offsetWidth < pobjWidth) && (MarqueeLoop < 10)){
marquePic21.innerHTML += marquePic11.innerHTML;
MarqueeLoop++;
}
marquePic11.innerHTML = marquePic21.innerHTML;
}
function Marquee1(){
if(demo1.scrollLeft>=marquePic11.scrollWidth){
demo1.scrollLeft=0 ;
}else{
demo1.scrollLeft++ ;
}
}
var MyMar1=setInterval(Marquee1,speed1);
demo1.onmouseover=function() {clearInterval(MyMar1);}
demo1.onmouseout=function() {MyMar1=setInterval(Marquee1,speed1);}
</script>