JS实现简单的网页新闻无缝滚动

最新推荐文章于 2020-11-26 10:45:15 发布

都ok

最新推荐文章于 2020-11-26 10:45:15 发布

阅读量3.3k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_42193674/article/details/85396089

版权

方法简单，直接上代码：

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>垂直新闻公告无缝滚动</title>
<style type=text/css>
#demo {
  overflow:hidden;
  height:150px;
  width:350px; 
  border:1px solid #dde5bc;
  text-align: center;
}
#demo a {
  width: 100%;
  overflow: hidden;
  font: 12px/16px tahoma;
  display: block;
  text-decoration: none;
  margin: 2px;
  color: #4a551c;
  padding-left: 2px;
  text-align: left;
}
#demo a:hover {
  color: #ff6600;
}
</style>
<script>
window.onload=function(){
  var speed = 35
  var demo = document.getElementById("demo");
  var demo2 = document.getElementById("demo2");
  var demo1 = document.getElementById("demo1");
  demo2.innerHTML = demo1.innerHTML;
  
  function Marquee() {
    if (dem