javascript 怎样写了,我想在DM2004中写跑马灯(要求是跑动过程中没有后面...
发布网友
发布时间：2022-04-24 19:36
共2个回答
热心网友
时间：2022-04-24 22:00
说一下思路，
<marquee scrollamount="2" width="100%" onmouseover="stop()" onmouseout="start()">流风，飘然的风 作品</marquee>
这段跑马灯从右往左滚动，在左边消失后再次循环。
楼主要的效果是右边内容一出完就开始循环而不是等到在左边消失右边的才出来吧？
从右到左循环的效果用<marquee>标签就可以轻松实现了，那么javascript控制的就是在右边内容跑后马上进行第二次循环，这里就需要判断什么时候右边的内容跑完？和如何让他进行第二次循环？
解决了这两个问题就很容易写代码了。
热心网友
时间：2022-04-24 23:18
自己随便写的，供参考 :P
<html>
<head>
<title>TEST</title>
</head>
<body onload='start_play();'>
<div id='board' style='width:100%;' onmouseover='stop_play()' onmouseout='start_play()'></div>
<script>
var whitespaces = '------------------------------------------';
var text = 'Das ist ein Satz, mit dem wir den Script prüfen können!这是一句话。通过它我们来测试脚本！';
var screen_text = whitespaces+text;
var step = 1;
var interval = 300;
var timer;
var inited = false;
function init() {
var board = document.getElementById('board');
if (!inited) {
board.innerHTML = screen_text;
inited = true;
}
}
function play() {
var board = document.getElementById('board');
screen_text = screen_text.substr(step) + screen_text.substr(0,step);
board.innerHTML = screen_text;
}
function start_play() {
init();
timer = window.setInterval("play()", interval);
}
function stop_play() {
window.clearInterval(timer);
}
</script>
</body>
</html>
