问一下，图片上滚带停顿

此段代码有问题，请问如何修改。我想要的效果是 一行5张图片，一行一行上滚带停顿。<style type="text/css">
.Changes12_30{border:1px solid #CBCBCB}
#IssueList {padding:0;list-style:none;height:74px;width:984px;overflow:hidden} 
#IssueList ul{width:980px;padding:10px 0 10px 0}
#IssueList ul li{width:196px;float:left;text-align:center}
</style>

<div class="Changes12_30">
<div id="IssueList">
<ul>
<li><img height="60" width="150"  alt="1" src="adfile/image/scrollad1.gif" /></li> 
<li><img height="60" width="150"  alt="2" src="adfile/image/scrollad2.gif" /></li> 
<li><img height="60" width="150"  alt="3" src="adfile/image/scrollad3.gif" /></li> 
<li><img height="60" width="150"  alt="4" src="adfile/image/scrollad4.gif" /></li>
<li><img height="60" width="150"  alt="4" src="adfile/image/scrollad5.gif" /></li> 
</ul>
<ul>
<li><img height="60" width="150"  alt="1" src="adfile/image/scrollad1.gif" /></li> 
<li><img height="60" width="150"  alt="2" src="adfile/image/scrollad2.gif" /></li> 
<li><img height="60" width="150"  alt="3" src="adfile/image/scrollad3.gif" /></li> 
<li><img height="60" width="150"  alt="4" src="adfile/image/scrollad4.gif" /></li>
<li><img height="60" width="150"  alt="4" src="adfile/image/scrollad5.gif" /></li> 
</ul>
</div>
</div>

<script type="text/javascript"> 
(function(ul, delay, speed, lineHeight) { 
var slideBox = (typeof ul == 'string')?document.getElementById(ul):ul; 
var delay = delay||1000; 
var speed=speed||15; 
var lineHeight = lineHeight||60; 
    var tid = null, pause = false; 
    var start = function() { 
     tid=setInterval(slide, speed); 
    } 
    var slide = function() { 
     if (pause) return; 
     slideBox.scrollTop += 2; 
     if (slideBox.scrollTop % lineHeight == 0) { 
         clearInterval(tid); 
         slideBox.appendChild(slideBox.getElementsByTagName('li')[0]); 
         slideBox.scrollTop = 0; 
         setTimeout(start, delay); 
        } 
    } 
    slideBox.onmouseover=function(){pause=true;} 
    slideBox.onmouseout=function(){pause=false;} 
    setTimeout(start, 2000); 
})('IssueList', 3000, 2, 58);//停留时间，相对速度（越小越快）,每次滚动多少，最好和Li的Line-height一致。 
</script>

解决方案 »

  1.   

    具体代码我就不写了，你的代码我也没看，不过你应该自己会写就是了。
    setInterval(function(){
      //这里写上使页面滚动一个line-height的代码。
    },2000);//这里2000改成你需要的数值。应该是(需停顿时间+滚动消耗的时间)
      

  2.   

    onmouseout=window.clearInterval(iD)
    onmouseover=window.setInterval()
      

  3.   

    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>test</title> <style type="text/css"> 
    .Changes12_30{border:1px solid #CBCBCB} 
    #IssueList {padding:0;list-style:none;height:74px;width:984px;overflow:hidden} 
    #IssueList ul{width:980px;padding:10px 0 10px 0} 
    #IssueList ul li{width:196px;float:left;text-align:center} 
    </style> 
    </head><body> 
    </p>
    <div class="Changes12_30"> 
    <div id="IssueList"> 
    <ul> 
    <li> <img height="60" width="150"  alt="11" src="adfile/image/scrollad1.gif" /> </li> 
    <li> <img height="60" width="150"  alt="12" src="adfile/image/scrollad2.gif" /> </li> 
    <li> <img height="60" width="150"  alt="13" src="adfile/image/scrollad3.gif" /> </li> 
    <li> <img height="60" width="150"  alt="14" src="adfile/image/scrollad4.gif" /> </li> 
    <li> <img height="60" width="150"  alt="15" src="adfile/image/scrollad5.gif" /> </li> 
    </ul> 
    <ul> 
    <li> <img height="60" width="150"  alt="21" src="adfile/image/scrollad1.gif" /> </li> 
    <li> <img height="60" width="150"  alt="22" src="adfile/image/scrollad2.gif" /> </li> 
    <li> <img height="60" width="150"  alt="23" src="adfile/image/scrollad3.gif" /> </li> 
    <li> <img height="60" width="150"  alt="24" src="adfile/image/scrollad4.gif" /> </li> 
    <li> <img height="60" width="150"  alt="25" src="adfile/image/scrollad5.gif" /> </li> 
    </ul> 
    </div> 
    </div> 
    <script type="text/javascript"> 
    (function(ul, delay, speed, lineHeight) { 
    var slideBox = (typeof ul == 'string')?document.getElementById(ul):ul; 
    var delay = delay||1000; 
    var speed=speed||15; 
    var lineHeight = lineHeight||60; 
        var tid = null, pause = false; 
        var start = function() { 
        tid=setInterval(slide, speed); 
        } 
        var slide = function() { 
        if (pause) return; 
        slideBox.scrollTop += 2; 
        if (slideBox.scrollTop>0&&slideBox.scrollTop%100 == 0) { 
            clearInterval(tid); 
            slideBox.appendChild(slideBox.getElementsByTagName('ul')[0]); 
            slideBox.scrollTop = 0; 
            setTimeout(start, delay); 
            } 
        } 
        
        slideBox.onmouseover=function(){pause=true;} 
        slideBox.onmouseout=function(){pause=false;} 
        setTimeout(start, 2000); 
    })('IssueList', 3000, 2, 58);//停留时间，相对速度（越小越快）,每次滚动多少，最好和Li的Line-height一致。 </script>
    </body>
    </html>