Question

关于js的跑马灯效果

之前在网上看到一个只有4,5行代码就完成跑马灯效果.主要就是用js的settimeout,在里面一直+1.就可以实现变动.现在不知道了.请大神们帮忙还原一下这种写法.非常感谢.

Answer 1

楼主的意思是那种左右滚动的代码？
<script>
var demo = document.getElementById("demo");
var demo1 = document.getElementById("demo1");
var demo2 = document.getElementById("demo2");
var speed = 30;
demo2.innerHTML = demo1.innerHTML;
function marquee()
{
if (demo2.offsetWidth - demo.scrollLeft <= 0)
{
demo.scrollLeft = demo.scrollLeft - demo1.offsetWidth;
}
else
{
demo.scrollLeft++;
}
}
var m = setInterval(marquee, speed);
demo.onmouseover = function () { clearInterval(m); };
demo.onmouseout = function () { m = setInterval(marquee, speed); };
<script>
这段代码放置在要滚动的代码之后。

追问

不是左右滚动的.就是跑马灯.不过那种写法我记不清.也是计算了scrollleft.然后设了一个i变量.是通过i++来实现的.代码量超少.大概4,5.每行就很短的一句话.