<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()"> <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 同理! 但现在单击按钮出现的内容没办法滚动 ,请各位大侠帮忙看看原因 谢谢!!!
<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>
另一个帖子已经回啦