发奋之驴

<script>
  var speed=20;/*速度数值越大速度越慢*/
  document.getElementById('www_qpsh_com2').innerHTML=document.getElementById('www_qpsh_com1').innerHTML;

/*两个层来回交替出现*/
  function Marquee(){
    if(document.getElementById('www_qpsh_com2').offsetWidth-document.getElementById('www_qpsh_com').scrollLeft<=0)
        document.getElementById('www_qpsh_com').scrollLeft-=document.getElementById('www_qpsh_com1').offsetWidth;
    else{
        document.getElementById('www_qpsh_com').scrollLeft++;
    }
    document.getElementById('my_marquee_info').innerHTML='';
    document.getElementById('my_marquee_info').innerHTML+='div.scrollTop:'+document.getElementById('www_qpsh_com').scrollLeft;
  }
  var MyMar=setInterval(Marquee,speed);
  www_qpsh_com.onmouseover=function() {clearInterval(MyMar);}
  www_qpsh_com.onmouseout=function() {MyMar=setInterval(Marquee,speed);}
</script>

效果：marquee （水平）循环滚动的js实现

<script type="text/javascript" language="javascript">
/*My Marquee SCRIPT Start*/
var m_m_p_delay = 40;/*每30ms移动1次*/
var m_m_p_step = 1;/*每次移动1px*/
var m_m_p_pN = 1;/*每次移动1px*/
var m_m_d_id = 'my_marquee_main';/*外容器*/
var m_m_d1_id = 'my_marquee_div1';/*容器1*/
var m_m_d2_id = 'my_marquee_div2';/*容器2*/
var m_m_i_id = 'my_marquee_info';/*位置信息*/

document.getElementById(m_m_d2_id).innerHTML=document.getElementById(m_m_d1_id).innerHTML;

function set_my_marquee_parame(){
    if(document.getElementById(m_m_d2_id).offsetHeight-document.getElementById(m_m_d_id).scrollTop <= m_m_p_pN){
        document.getElementById(m_m_d_id).scrollTop-=document.getElementById(m_m_d1_id).offsetHeight;
    }
    else{
        document.getElementById(m_m_d_id).scrollTop++;
    }
   
    document.getElementById(m_m_i_id).innerHTML='';
    document.getElementById(m_m_i_id).innerHTML+='div.scrollTop:'+document.getElementById(m_m_d_id).scrollTop;
}

var my_marquee_interval=setInterval(set_my_marquee_parame,m_m_p_delay);
document.getElementById(m_m_d_id).onmouseover=function() {clearInterval(my_marquee_interval);};
document.getElementById(m_m_d_id).onmouseout=function() {my_marquee_interval=setInterval(set_my_marquee_parame,m_m_p_delay);};
/*My Marquee SCRIPT End*/
</script>

---------------------------------------------

效果 marquee （垂直）循环滚动的js实现