常用不间断（间断）滚动代码-上、左、右

不间断向上滚动：

<style type="text/css"> 
#demo{position:absolute; width:445px; height:75px; left:20px; top:20px; overflow:hidden;}
#huojiang{  width:445px; height:75px; }
#huojiang li{ width:445px;font-size:12px; color:#000; line-height:18px;}
#huojiang li span{ margin:0 2px; color:#ff6600;}
</style> 
<div id="demo">
    <div id="demo1">
        <ul id="huojiang">
            <li>"恭喜<span>XXXXXXX</span>，鸿运当头，抢到激活码一枚！"</li>
            <li>"恭喜<span>XXXXXXX</span>，鸿运当头，抢到激活码一枚！"</li>
            <li>"恭喜<span>XXXXXXX</span>，鸿运当头，抢到激活码一枚！"</li>
            <li>"恭喜<span>XXXXXXX</span>，鸿运当头，抢到激活码一枚！"</li>
        </ul>
    </div>
    <div id="demo2"></div>
</div>
<script type="text/javascript">
function marTop(marBox, cont, contCopy){
    var speed = 100;
    var marBox = document.getElementById(marBox);
    var cont1 = document.getElementById(cont);
    var cont2 = document.getElementById(contCopy);
    cont2.innerHTML = cont1.innerHTML;
    function Marquee(){
        if (cont2.offsetTop - marBox.scrollTop <= 0){
            marBox.scrollTop -= cont1.offsetHeight
        }else{
            marBox.scrollTop++
        }
    }
    var MyMar = setInterval(Marquee, speed);
    marBox.onmouseover=function(){clearInterval(MyMar)}
    marBox.onmouseout=function(){MyMar=setInterval(Marquee, speed)}
} 
marTop('demo', 'demo1', 'demo2');
</script>

间断向上滚动：

<style type="text/css">
#Marquee { width:180px;height:120px;overflow:hidden;}
#Marquee div {background:#EEECF4;height:60px;}
</style>
<div id="Marquee">
    <div>间断滚动内容1</div>
    <div>间断滚动内容2</div>
</div>
<script type="text/javascript">    
function breakScroll(parentNode, childTag){
    var Mar = document.getElementById(parentNode);    
    var childTag = Mar.getElementsByTagName(childTag)    
    var picH = 60;//移动高度    
var scrollstep = 3;//移动步幅,越大越快    
var scrolltime = 20;//移动频度(毫秒)越大越慢    
var stoptime = 3000;//间断时间(毫秒)    
var tmpH = 0;    
    Mar.innerHTML += Mar.innerHTML;    
    function start(){    
    if (tmpH < picH){    
        tmpH += scrollstep;    
        if(tmpH > picH ){
            tmpH = picH ;
        }    
        Mar.scrollTop = tmpH;    
        setTimeout(start,scrolltime);    
    }else{    
        tmpH = 0;    
        Mar.appendChild(childTag[0]);    
        Mar.scrollTop = 0;    
        setTimeout(start, stoptime);    
        }    
    }    
    window.onload=function(){setTimeout(start,stoptime)}; 
}
breakScroll('Marquee', 'div'); 
</script>

不间断向左滚动：

<style type="text/css">
#demo{width:200px; overflow:hidden}
table { border-collapse:collapse; border-spacing:0; }
img{ border:0}
</style>
<div id="demo">
   <table>
      <tr>
         <td id="demo1" >
            <table width="200">
              <tr>
                <td><img src="images/01.jpg" /></td>
                <td><img src="images/02.jpg" /></td>
              </tr>
            </table>
         </td>
        <td id="demo2" vAlign=top></td>
      </tr>
   </table>
</div>
<script type="text/javascript">
function marLeft(marBox, cont, contCopy){
    var speed=30;
    var FGDemo=document.getElementById(marBox); 
    var FGDemo1=document.getElementById(cont);
    var FGDemo2=document.getElementById(contCopy);
    FGDemo2.innerHTML=FGDemo1.innerHTML;
    function MarqueeL(){ 
    if(FGDemo.scrollLeft>=FGDemo1.scrollWidth){ 
    FGDemo.scrollLeft=0;
    }else{ 
    FGDemo.scrollLeft++;
    } 
    } 
    var MyMarL=setInterval(MarqueeL,speed) 
    FGDemo.onmouseover=function() {clearInterval(MyMarL)} 
    FGDemo.onmouseout=function() {MyMarL=setInterval(MarqueeL,speed)} 
}
marLeft('demo', 'demo1', 'demo2');
</script>