<style type="text/css">
<!--
#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 730px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
-->
</style>
<div class="global_sub"><a href="list.php?id=30">最新图片</a></div>
<div id="demo">
<div id="indemo">
<div id="demo1">
<div class="border">
<div style="padding:3px">
<table>
<tr>
<!-- run:$msglist = QGMOD_PICLIST_ALL("new","product","10") -->
<!-- $msglist AS $key=>$value -->
<td style="width:150px;height:150px;margin:1px;border:1px #D4D4D4 solid;text-align:center;"><a href="msg.php?id={:$value[id]}" title="{:$value[subject]}"><img src="{:$value[thumb]}" border="0" width="100px" height="100px" alt="{:$value[subject]}"></a></td>
<!-- row:10 -->
<!-- end -->
<!-- run:unset($msglist) -->
</tr>
</table>
</div>
</div>
</div>
<div id="demo2"></div>
</div>
</div>
<script>
<!--
var speed=15; //数字越大速度越慢
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>
................................................................
测试一下可以实现的，哪儿有不完善的，请大家再帮忙修改一下。
