利用JavaScript实现文字滚动效果
具体代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>向上无间隔滑动</title>
<script>
window.onload = function() {
var speed=30;
var b=document.getElementById("b");
var a=document.getElementById("a");
var roll=document.getElementById("roll");
b.innerHTML=a.innerHTML; //克隆a为b
function Marquee1(){
//当滚动至a与b交界时
if(b.offsetTop-roll.scrollTop<=0){
roll.scrollTop-=a.offsetHeight; //roll跳到最顶端
}else{
roll.scrollTop++
}
}
var MyMar1=setInterval(Marquee1,speed)//设置定时器
//鼠标移上时清除定时器达到滚动停止的目的
roll.οnmοuseοver=function() {clearInterval(MyMar1)}
//鼠标移开时重设定时器
roll.οnmοuseοut=function(){MyMar1=setInterval(Marquee1,speed)}
}
</script>
</head>
<body>
<div id