帮忙解释一下"跑马灯"代码

发布网友 发布时间：2022-04-29 06:38

我来回答

共2个回答

热心网友 时间：2022-04-22 14:36

<script>
demo2.innerText=demo1.innerText
//demo2对象内部的文本和demo1对象内部文本一样
function qswhMarquee(){ //自定义qswhMarquee()函数
if(demo2.offsetHeight-demo.scrollTop<=0)
//如果demo1和demo2外面的demo对象的滚动条滚动高度超过demo2的内容总高度，即滚动到了末尾。
demo.scrollTop-=demo1.offsetHeight
//demo的滚动条回退（demo1的内容高度为长度）的位置。
else //如果没有到末尾
demo.scrollTop++
//demo对象向下滚动1px
}
var MyMar=setInterval(qswhMarquee,60)
//设定计时器MyMar,并以0.06秒的时间间隔不断执行qswhMarquee函数
demo.onmouseover=function() {clearInterval(MyMar)}
//当鼠标移到demo对象感应区域内，取消计时器,即不进行滚动
demo.onmouseout=function() {MyMar=setInterval(qswhMarquee,60)}
//当鼠标移动demo对象感应区域以外重新设定计时器，并以0.06秒时间间隔不断执行滚动。
</script>

热心网友 时间：2022-04-22 15:54

你应该发到java区的，还好，我也会点js
<script>
demo2.innerText=demo1.innerText
//将demo1里的文字放到demo2里
function
qswhMarquee()//跑马灯函数
{
if(demo2.offsetHeight-demo.scrollTop<=0)
//如果demo2的高超过了demo的顶端，说明已跑到了头，要重新再跑一次
demo.scrollTop-=demo1.offsetHeight
else
demo.scrollTop++
//将滚动条再向下1个单位长度
}
var
MyMar=setInterval(qswhMarquee,60)
//设置跑马灯为每隔60毫秒一变化
demo.onmouseover=function()
{clearInterval(MyMar)}
//当鼠标移动demo的外面进停止跑马灯
demo.onmouseout=function()
{MyMar=setInterval(qswhMarquee,60)}
//当鼠标移动demo的外面进开始跑马灯
</script>