<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>