<form id="form1">
<div align='center' id='demo' style='overflow:hidden;height:130px;width:675px;'>
<table align='center' cellpadding='0' cellspace='0' border='0'>
<tr>
<td width="287" valign='top' id='demo1'>
<table width='100%' cellpadding='0' cellspacing='0' border='0' align='center'>
<tr valign='top'>
<s:iterator value="#session.listName" id="fileName">
<td align="center"><img src=${fileName } width="153" height="143" ></td>
</s:iterator>
</tr>
</table>
<td width="12" valign=top id=demo2>log</td>
</tr>
</table>
<script>
var speed=15
demo2.innerHTML=demo1.innerHTML
function Marquee1()
{
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else
{
demo.scrollLeft++
}
}
var MyMar1=setInterval(Marquee1,speed)
demo.οnmοuseοver=function() {clearInterval(MyMar1)}
demo.οnmοuseοut=function() {MyMar1=setInterval(Marquee1,speed)}
</script>
</div>
</form>