<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#dome{
width:500px;
height:200px;
border:1px solid red;
}
#dome1{
width:500px;
height:200px;
}
#dome2{
width:500px;
height:200px;
}
</style>
</head>
<body>
<div id="dome" οnscrοll="show()">
<div id="dome1">雪山飞狐<br>
日在校园<br>
进击的巨人<br>
碧血剑<br>
雪山飞狐<br>
日在校园<br>
进击的巨人<br>
碧血剑<br>
雪山飞狐<br>
</div>
<div id="dome2"></div>
</div>
<script>
window.οnlοad=function(){
var dome=document.getElementById("dome");
dome.style="overflow:hidden;";
var dome1=document.getElementById("dome1");
var dome2=document.getElementById("dome2");
dome2.innerHTML=dome1.innerHTML;
function show(){
dome.scrollTop++;
if( dome.scrollTop==200) dome.scrollTop=0;
}
var myTime=setInterval(show,90);
}
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#dome{
width:500px;
height:200px;
border:1px solid red;
}
#dome1{
width:500px;
height:200px;
}
#dome2{
width:500px;
height:200px;
}
</style>
</head>
<body>
<div id="dome" οnscrοll="show()">
<div id="dome1">雪山飞狐<br>
日在校园<br>
进击的巨人<br>
碧血剑<br>
雪山飞狐<br>
日在校园<br>
进击的巨人<br>
碧血剑<br>
雪山飞狐<br>
</div>
<div id="dome2"></div>
</div>
<script>
window.οnlοad=function(){
var dome=document.getElementById("dome");
dome.style="overflow:hidden;";
var dome1=document.getElementById("dome1");
var dome2=document.getElementById("dome2");
dome2.innerHTML=dome1.innerHTML;
function show(){
dome.scrollTop++;
if( dome.scrollTop==200) dome.scrollTop=0;
}
var myTime=setInterval(show,90);
}
</script>
</body>
</html>