javascript 不间断滚动marquee

来源:百度知道 编辑:UC知道 时间:2024/06/24 15:21:25
看了一些 不间断滚动marquee 的代码,但是,就是看不明白了。。。

问题:

1. 说 说 用 javascript 实现 不间断marquee 的 思路。。。 注意: 我要的是“思路”!!!!,不是源代码,比如,要用到哪个函数,哪个方法,其作用是什么,怎么用的?

2.最好 写出 一个 最 最 最 简单 的 不间断滚动marquee 的代码,让我复制粘贴 就可以看到效果,并且 ,后面请添加注释。

从网上随便找一大堆代码 回答 的 不给分。

谢谢了。
一楼的,拜托,我只是用<marquee> 标签 来形容我要的 不间断滚动 的效果。而不是 <marquee> 标签,
<marquee> 标签实现的 是间断滚动的 效果。

我自己写的一段代码,已经注释得非常清楚了,运行例子后你就会清楚的明白是怎么回事
<style>
#demo{overflow: hidden;
WIDTH: 70px; /*显示区域的宽度*/
height: 50px;
border:solid 1px #222222;
align:center;
margin:auto;
}
#demo1 { background: yellow} /*这里是帮助你理解特地加的底色,删去后你就清楚*/
#demo2 { background: red}
p{/*内部滚动条*/
border:solid 2px blue;
width:270px;
margin:5px 0;
}
</style>

<div id="demo" >
<p>
<span id="demo1" >
aaaaaabbbcccccc
</span>
<span id="demo2" >
aaaaaabbb<!-- 这里没必要完全一样 -->
</span>
</p>
</div>

<script>
function Marquee(){
if(demo1.offsetWidth<=demo.scrollLeft) //当demo1完全滚出显示区域时
demo.scrollLeft=0 //让内部滚动条p回归原位,造成连续滚动假象
else{
demo.scrollLeft++ //让demo的内部滚动条继续向左滚动1px
}
}
var MyMar=setInterval(Marquee,5)
demo.onmouseover=funct