JS平滑无缝滚动效果的实现代码_javascript技巧

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

JS平滑无缝滚动效果的实现代码_javascript技巧

JS平滑无缝滚动效果的实现代码_javascript技巧:本文我们实现纯JS方式的滚动广告效果。先show一下成品：首先是网页样式： #demo { background: #FFF; overflow:hidden; border: 1px dashed #CCC; width: 1280px; height:200px; } #demo img { border: 3p

推荐度：

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

导读JS平滑无缝滚动效果的实现代码_javascript技巧:本文我们实现纯JS方式的滚动广告效果。先show一下成品：首先是网页样式： #demo { background: #FFF; overflow:hidden; border: 1px dashed #CCC; width: 1280px; height:200px; } #demo img { border: 3p

本文我们实现纯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;

 }

布局如下：