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.onmouseover=function() {clearInterval(MyMar)

}

tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)

}

</script>