求助，关于javascript 代码，滚动停顿的问题，求解答！

我在网页里面插入一段滚动文字，用到javascript代码，但是是不间断向上滚动的，我想让它实现滚动两行文字，停顿一两秒钟，然后再滚动的效果，下面是相关代码，急急急！请各... 我在网页里面插入一段滚动文字，用到javascript代码，但是是不间断向上滚动的，我想让它实现滚动两行文字，停顿一两秒钟，然后再滚动的效果，下面是相关代码，急急急！请各位高手帮帮忙啦！

<div class="STYLE13" id=lan27_com_top style=overflow:hidden;height:44px;width:420px;>
<div id=lan27_com_top1>
<span class="STYLE13">考考虑圣诞节</span><br/>
<span class="STYLE13">考虑的圣诞节</span><br/>
<span class="STYLE13>书店和覅书店和佛</span><br/>
<span class="STYLE13">撒地理空间率</span><br/>
<span class="STYLE13">考虑的考虑圣诞节</span><br/>
<span class="STYLE13">考虑圣诞节</span><br/>

</div>
<div id=lan27_com_top2></div>
</div>

<script>
var speed=35
lan27_com_top2.innerHTML=lan27_com_top1.innerHTML //克隆lan27_com_top1为lan27_com_top2
function Marquee1(){
//当滚动至lan27_com_top1与lan27_com_top2交界时
if(lan27_com_top2.offsetTop-lan27_com_top.scrollTop<=0)
lan27_com_top.scrollTop-=lan27_com_top1.offsetHeight //lan27_com_top跳到最顶端
else{
lan27_com_top.scrollTop++;
}
}
var MyMar1=setInterval(Marquee1,speed)//设置定时器
//鼠标移上时清除定时器达到滚动停止的目的
lan27_com_top.onmouseover=function() {clearInterval(MyMar1)}
//鼠标移开时重设定时器
lan27_com_top.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}
</script> 展开

 我来答

1个回答

#热议# 海关有哪些禁运商品？查到后怎么办？

超级超级小尾巴
推荐于2016-10-26 · TA获得超过112个赞

知道小有建树答主

回答量：84

采纳率：100%

帮助的人：61.2万

我也去答题访问个人页

关注

展开全部

在你的基础上修改，要实现精确地滚动比较难。需要知道每行的高度，然后计算。你用的样式STYLE13没有给出来，不知道高度是多少，我写了一个暂定高度是25，但是滚动有点误差，你再修改修改吧，要求不高的话也可以用。我还在代码里加了一些辅助的信息。

代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">

</style>
</HEAD>

<BODY>
<div class="STYLE14" id=lan27_com_top style=overflow:hidden;height:60px;width:420px;>
<div id=lan27_com_top1>
<span class="STYLE13">111111111111111111</span><br/>
<span class="STYLE13">考虑的圣诞节</span><br/>
<span class="STYLE13">书店和覅书店和佛</span><br/>
<span class="STYLE13">撒地理空间率</span><br/>
<span class="STYLE13">考虑的考虑圣诞节</span><br/>
<span class="STYLE13">考虑圣诞节</span><br/>

</div>
<div id=lan27_com_top2></div>
</div>

<script>
var speed=35
var MarqueeHeight=0;//保存滚动的高度
var stoptime=0;//倒计时的时间
var jianshao=0;//一个标志，当为1时才开始倒计时
lan27_com_top2.innerHTML=lan27_com_top1.innerHTML //克隆lan27_com_top1为lan27_com_top2
function Marquee1(){

//当滚动至lan27_com_top1与lan27_com_top2交界时
if(lan27_com_top2.offsetTop-lan27_com_top.scrollTop<=0)
lan27_com_top.scrollTop-=lan27_com_top1.offsetHeight //lan27_com_top跳到最顶端
else{
lan27_com_top.scrollTop++;
}

MarqueeHeight++;//保存移动的高度
document.getElementById("height").value=MarqueeHeight//给高度文本框赋值
document.getElementById("time").value=stoptime/1000//给倒计时文本框赋值
if(MarqueeHeight==50){//当滚动的高度达到50 也即是2行的时候停止滚动
clearInterval(MyMar1);
MarqueeHeight=0;
stoptime=2000;//倒计时2秒
jianshao=1;
document.getElementById("height").value=MarqueeHeight
document.getElementById("time").value=stoptime/1000
}
}
var MyMar1=setInterval(Marquee1,speed)//设置定时器
var MyMar2=setInterval(daojishi,100)
//鼠标移上时清除定时器达到滚动停止的目的
lan27_com_top.onmouseover=function() {clearInterval(MyMar1)}
//鼠标移开时重设定时器
lan27_com_top.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}

function daojishi(){
if(jianshao==1){
stoptime=stoptime-100;
if(stoptime<0){
stoptime=0
jianshao=0
MyMar1=setInterval(Marquee1,speed)
}
document.getElementById("height").value=MarqueeHeight
document.getElementById("time").value=stoptime/1000
}
}
</script>
移动的高度<input id="height" ><br>
倒计时<input id="time" >秒<br>
</BODY>
</HTML>

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

求助，关于javascript 代码，滚动停顿的问题，求解答！

其他类似问题

为你推荐：