JS+CSS实现无缝轮播图代码示例

--------------------------------------------------------------------------------
多张图片横向无缝滚动OK了(但是在Dw8设计框中会把滚动的图片全部显示出来，撑出页边框，不便排版，最好此块最后编写!~~~~高版本也许不会出现此问题)*******css样式溢出隐藏overflow:hidden;********css禁止文字自动换行(white-space:nowrap;

//以下代码-----
<div id="demo" style="overflow:hidden;width:720px;border:2px solid #e0e0e0;padding:2px;" 

onMouseOver="stopscroll();" onMouseOut="doscroll()">
  <div id="demo1" style="white-space:nowrap;padding:0;"> 
  <a href="javascript:void(0)"><img src="flash/01.jpg" border="0" width=100px;height=100px;></a>
  <a href="javascript:void(0)"><img src="flash/02.jpg" border="0" width=100px;height=100px; /></a>
  <a href="javascript:void(0)"><img src="flash/03.jpg" border="0" width=100px;height=100px;></a>
  <a href="javascript:void(0)"><img src="flash/04.jpg" border="0" width=100px;height=100px;></a>
  <a href="javascript:void(0)"><img src="flash/05.jpg" border="0" width=100px;height=100px;></a>
  <a href="javascript:void(0)"><img src="flash/01.jpg" border="0" width=100px;height=100px;></a>  </div>
</div>
<!--滚动的javascript-->
<script>
 var t=demo.scrollWidth
 demo1.innerHTML+=demo1.innerHTML
 function doMarquee()
 {
  demo.scrollLeft=demo.scrollLeft<demo.scrollWidth-demo.offsetWidth?demo.scrollLeft+1:t-

demo.offsetWidth
 }
 function doscroll()
 {
  sc=setInterval(doMarquee,30)
 }
 function stopscroll()