书讯快递js

最新推荐文章于 2018-08-08 12:57:59 发布

饭九钦vlog

最新推荐文章于 2018-08-08 12:57:59 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/wtfsb/article/details/78024114

版权

<!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>

饭九钦vlog

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
书讯快递js

Document #dome{width:500px;height:200px;border:1px solid red; } #dome1{width:500px;height:200px; } #dome2{ width:500px;height:200px; }
复制链接

扫一扫