<div style="width:300px; height:100px; float:left;">
<div id="demo"
style="OVERFLOW: hidden; WIDTH: 300px; HEIGHT: 100px">
<table cellpadding="0" width="735" align="center"
border="0" cellspace="0">
<tbody>
<tr>
<td id="demo1" valign="top" width="735"><table cellspacing="1" cellpadding="1" width="737"
align="center" border="0">
<tbody>
<tr valign="center" align="middle">
<td width="143" height="62" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="147" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="73" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1">
<tr>
<td width="80"><img src="image/huocang02.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="74" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="144" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="147" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="147" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="147" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="147" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="147" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="147" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="147" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
</tr>
</tbody>
</table></td>
<td id="demo2" valign="top"
width="131"></td>
</tr>
</tbody>
</table>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script></div>
<div id="demo"
style="OVERFLOW: hidden; WIDTH: 300px; HEIGHT: 100px">
<table cellpadding="0" width="735" align="center"
border="0" cellspace="0">
<tbody>
<tr>
<td id="demo1" valign="top" width="735"><table cellspacing="1" cellpadding="1" width="737"
align="center" border="0">
<tbody>
<tr valign="center" align="middle">
<td width="143" height="62" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="147" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="73" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1">
<tr>
<td width="80"><img src="image/huocang02.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="74" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="144" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="147" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="147" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="147" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="147" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="147" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="147" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
<td width="147" align="center"><table width="92" border="0" cellpadding="0" cellspacing="1" >
<tr>
<td width="80"><img src="image/huocang01.png" width="80" height="100"
border=0 /></td>
</tr>
</table></td>
</tr>
</tbody>
</table></td>
<td id="demo2" valign="top"
width="131"></td>
</tr>
</tbody>
</table>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script></div>
var demo1 = document.getElementById("demo1")
……