横向滚动

<style type="text/css">
    <!--
    #demo {
	background: #FFF;
	overflow:hidden;
	border: 1px dashed #CCC;
	width: 800px;
	height: 160px;
    }
    #demo img {
 
    }
    #indemo {
     float: left;
     width: 800%;
    }
    #demo1 {
     float: left;
    }
    #demo2 {
     float: left;
    }
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
    -->
    </style>
 
    <div id="demo">
    <div id="indemo" style="margin-top:5px;">
    <div id="demo1">
	<a href="product.asp" target="_blank"><img src="move/1.jpg" height="150" border="0" /></a> 
    <a href="product.asp" target="_blank"><img src="move/2.jpg" height="150" border="0" /></a> 
    <a href="product.asp" target="_blank"><img src="move/3.jpg" height="150" border="0" /></a> 
    <a href="product.asp" target="_blank"><img src="move/4.jpg" height="150" border="0" /></a> 
    <a href="product.asp" target="_blank"><img src="move/5.jpg" height="150" border="0" /></a> 
    <a href="product.asp" target="_blank"><img src="move/6.jpg" height="150" border="0" /></a> 
    <a href="product.asp" target="_blank"><img src="move/7.jpg" height="150" border="0" /></a> 
    <a href="product.asp" target="_blank"><img src="move/8.jpg" height="150" border="0" /></a> 
    <a href="product.asp" target="_blank"><img src="move/9.jpg" height="150" border="0" /></a>
    <a href="product.asp" target="_blank"><img src="move/10.jpg" height="150" border="0" /></a>
     <a href="product.asp" target="_blank"><img src="move/11.jpg" height="150" border="0" /></a>  
     </div>
    <div id="demo2"></div>
    </div>
    </div>
    <script>
    <!--
    var speed=10; //数字越大速度越慢
    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>