<body><div id="maq" style="overflow:hidden;height:70px;width:220px;">
<div id="mtext">
爱情有时像在等公交车,不想坐的公交车接二连三频频为你停留,而真正想坐的,却怎么也等不到,像什么...
</div>
<div id="m0"></div>
</div><br><br><br><br>
<input type="button" value="第一个滚动按钮" onclick="button1()">&nbsp;&nbsp;<input type="button" value="第二个滚动按钮" onclick="button2()">
<script language="javascript">
function inn(){
var speed=40;  //调整滚动速度
m0.innerHTML=mtext.innerHTML;function Marquee(){
if(m0.offsetTop-maq.scrollTop<=0)
maq.scrollTop-=mtext.offsetHeight;
else{
maq.scrollTop++;
}}
var MyMar=setInterval(Marquee,speed);
maq.onmouseover=function(){clearInterval(MyMar)};
maq.onmouseout=function(){MyMar=setInterval(Marquee,speed)};
}
function button1(){
mtext.innerHTML="从下到上滚动1";
inn();
}function button2(){
mtext.innerHTML="从下到上滚动2";
inn();
}window.onload=inn;
</script>
</body>上面的代码,页面一加载的时候,文字会自动从下到上无间断滚动, 我想实现的效果是 单击按钮1的时候就改变滚动的内容,依旧无间断滚动,单击按钮2 同理!  但现在单击按钮出现的内容没办法滚动 ,请各位大侠帮忙看看原因 谢谢!!!

解决方案 »

  1.   

    <div id="maq" style="overflow:hidden;height:50px;width:220px;"> <div id="mtext"> 爱情有时像在等公交车,不想坐的公交车接二连三频频为你停留,而真正想坐的,却怎么也等不到,像什么... </div> <div id="m0"></div> </div><br><br><br><br> <input type="button" value="第一个滚动按钮" onclick="news1()">&nbsp;&nbsp;<input type="button" value="第二个滚动按钮" onclick="news2()"> 
    <script language="javascript"> 
    var speed=20; 
    var MyMar=setInterval(Marquee,speed); 
    function inn(){ var mtext=document.getElementById("mtext"); 
    var m0=document.getElementById("m0"); 
    var maq=document.getElementById("maq"); 
    m0.innerHTML=mtext.innerHTML; //调整滚动速度 maq.onmouseover=function(){
    clearInterval(MyMar)
    }; 
    maq.onmouseout=function(){
    MyMar=setInterval(Marquee,speed)
    }; } 
    function Marquee(){ 
    if(m0.offsetTop-maq.scrollTop<=0) {
    maq.scrollTop-=mtext.offsetHeight; 
    }
    else{ maq.scrollTop++; } } 
    function news1(){ 
    var mtext=document.getElementById("mtext"); 
    mtext.innerHTML="从下到上滚动1从下到上滚动1从下到上滚动1从下到上滚动1从下到上滚动1从下到"; 
    var speed1=20; 
    var mtext1=document.getElementById("mtext"); 
    var m01=document.getElementById("m0"); 
    var maq1=document.getElementById("maq"); 
    m01.innerHTML=mtext1.innerHTML; //调整滚动速度 
    function Marquee1(){ 
    if(m01.offsetTop-maq1.scrollTop<=0) 
    maq1.scrollTop-=mtext1.offsetHeight; 
    else{ maq1.scrollTop++; } 
    } maq1.onmouseover=function(){
    clearInterval(MyMar)}; 
    maq1.onmouseout=function(){
    MyMar=setInterval(Marquee1,speed1)}; } 
    function news2(){ 
    var mtext=document.getElementById("mtext"); 
    mtext.innerHTML="从下到上滚动2从下到上滚动2从下到上滚动2从下到上滚动2从下到上滚动2从下滚动2";
     }
    window.onload=inn; </script>
    另一个帖子已经回啦