<DIV id="demo" style="OVERFLOW: hidden; WIDTH: 185px; HEIGHT: 43px;line-height:43px;padding-top:10px" > <table border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="3"> <TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD id="demo1"> <TABLE id="demo3" style="MARGIN-LEFT: 0px" mce_style="MARGIN-LEFT: 0px" cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD align=middle width=51><img border="0" alt="" src="images/index/china.gif" mce_src="images/index/china.gif"></TD> <TD align=middle width=51><img border="0" alt="" src="images/index/gongshan.gif" mce_src="images/index/gongshan.gif"> </TD> <TD align=middle width=51><img border="0" alt="" src="images/index/jiangsu.gif" mce_src="images/index/jiangsu.gif"> </TD> <TD align=middle width=51><img border="0" alt="" src="images/index/jianshe.gif" mce_src="images/index/jianshe.gif"></TD> <TD align=middle width=51><img border="0" alt="" src="images/index/jiaotong.gif" mce_src="images/index/jiaotong.gif"></TD> <TD align=middle width=51><img border="0" alt="" src="images/index/mingsheng.gif" mce_src="images/index/mingsheng.gif"></TD> <TD align=middle width=51><img border="0" alt="" src="images/index/nongye.gif" mce_src="images/index/nongye.gif"></TD> <TD align=middle width=51><img border="0" alt="" src="images/index/zhaoshan.gif" mce_src="images/index/zhaoshan.gif"></TD> <TD align=middle width=51><img border="0" alt="" src="images/index/zhifubao.gif" mce_src="images/index/zhifubao.gif"></TD> </TR></TBODY></TABLE> </TD> <TD id="demo2"></TD> </TR></TBODY> </TABLE> </td> </tr> </table> <SCRIPT type="text/javascript"> var speed=30; document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML; function MarqueeL(){ if(document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft<=0) document.getElementById("demo").scrollLeft-=document.getElementById("demo1").offsetWidth; else document.getElementById("demo").scrollLeft++; } function MarqueeR(){ if(document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft>=255) document.getElementById("demo").scrollLeft+=document.getElementById("demo1").offsetWidth; else document.getElementById("demo").scrollLeft--; } var flag=0; var MyMar; //var MyMar=setInterval(MarqueeL,speed); document.getElementById("demo").οnmοuseοver=function() {if(MyMar){clearInterval(MyMar)}} //$("demo").οnmοuseοut=function() {MyMar=setInterval(MarqueeR,speed)} function moveout(way) { if(MyMar) { clearInterval(MyMar); } } function moveThis(way){ if(way=='right'){ flag=1; if(MyMar) { clearInterval(MyMar); } MyMar=setInterval(MarqueeR,speed); } else{ flag=0; if(MyMar) { clearInterval(MyMar); } MyMar=setInterval(MarqueeL,speed); } if(flag) document.getElementById("demo").οnmοuseοut=function() {MyMar=setInterval(MarqueeR,speed)} else document.getElementById("demo").οnmοuseοut=function() {MyMar=setInterval(MarqueeL,speed)} } </SCRIPT> <div class="CLS"></div> </div> <table width="180"> <tr> <td width="75" align="right"><IMG onMouseOver="moveThis('left')" style="CURSOR: pointer" mce_style="CURSOR: pointer" src="image/anniu_1.png" mce_src="image/anniu_1.png"></td> <td width="10" onMouseOut="moveout()" onMouseOver="moveThis('right')"> </td> <td width="82" align="left"><IMG onMouseOver="moveThis('right')" style="CURSOR: pointer" mce_style="CURSOR: pointer" src="image/anniu_2.png" mce_src="image/anniu_2.png"></td> </tr> </table>