javascript实现平滑无缝滚动_javascript技巧

来源：懂视网责编：小采时间：2020-11-27 21:50:07

javascript实现平滑无缝滚动_javascript技巧

javascript实现平滑无缝滚动_javascript技巧:本文我们实现纯JS方式的滚动广告效果，供大家参考，具体内容如下先show一下成品：首先是网页样式： #demo { background: #FFF; overflow:hidden; border: 1px dashed #CCC; width: 1280px; height:200px; } #d

推荐度：

点击下载本文 文档为doc格式

导读javascript实现平滑无缝滚动_javascript技巧:本文我们实现纯JS方式的滚动广告效果，供大家参考，具体内容如下先show一下成品：首先是网页样式： #demo { background: #FFF; overflow:hidden; border: 1px dashed #CCC; width: 1280px; height:200px; } #d

本文我们实现纯JS方式的滚动广告效果，供大家参考，具体内容如下

先show一下成品：

首先是网页样式：

#demo {
 background: #FFF;
 overflow:hidden;
 border: 1px dashed #CCC;
 width: 1280px;
 height:200px;
 }
 #demo img {
 border: 3px solid #F2F2F2;
 }
 #indemo {
 float: left;
 width: 800%;
 }
 #demo1 {
 float: left;
 }
 #demo2 {
 float: left;
 }

布局如下：