PHPCMSV9首页实现滚动

<style type="text/css">
<!--
#demo {
background: #FFF;
overflow:hidden;


}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
-->
</style>


      <div id="demo" class="pic">
  <div id="indemo" style="margin-left:-40px;">
     <div id="demo1">
{pc:content action="lists" catid="28" num="10" order="id DESC" page="$page"}
{loop $data $r}
<a href="{$r[url]}" class="title_cp" title="{$r[title]}" style="margin-left:0px;">
<img src="{thumb($r[thumb],1132,285)}"  alt=""/>
{$r[title]}</a>
{/loop}
{/pc}  
                </div>  
 </div>  
   <div id="demo2">11</div>
 </div>

获取图片信息地址

<script>


var speed=20; //数字越大速度越慢
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.οnmοuseοver=function() {clearInterval(MyMar)
}
tab.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)
}


</script>