javascript - 传送带效应

标签 javascript jquery html css web

<分区>

我正在为一家机械公司创建一个网站,特别是在零件销售方面 - 我想制作一个很酷的传送带风格的东西,横跨整个页面并在中心的 Logo 后面,我正在寻找的效果for 本质上就是在这个

http://codepen.io/Colir/pen/kIloz

<div class="container">
  <div class="row cycle-slideshow" data-cycle-fx=carousel data-cycle-timeout=1000 data-cycle-carousel-visible=6 data-cycle-carousel-fluid=true data-cycle-slides="div">
    <div class="span2"><img src="http://lorempixel.com/200/200/"></div>

但我需要图片之间没有间隙。有任何想法吗?我尝试弄乱他们提供的代码但没有结果。如果有人知道更简单的解决方案,请告诉我!我真的只是想让图像向左移动,暂停一秒钟然后继续移动,每个图像都将是传送带的一部分,上面有一部分 - 这是沿着传送带移动的图像 http://s18.postimg.org/u2olj1plz/example.png

谢谢大家!

最佳答案

请试试这个

添加此 CSS。间隙是由 col-xs-2

类的填充引起的
div.col-xs-2{
  padding:0px;
}

DEMO

关于javascript - 传送带效应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34013533/

相关文章:

jquery - 是否有针对不同供应商前缀的任何实用工具或脚本技术

javascript - 是否可以从外部 url 访问内部 jQuery # 链接(直接访问单个网站部分)?

javascript - 上下滑动目标div不起作用

java - 从 html &lt;script&gt;-node 运行 Java 代码

html - 如何将状态文本颜色更改为按钮

javascript - 正在阅读 attr 类,但我只需要其中之一

javascript - javascript 中的乘法错误

javascript - 检查 DIV 相对于浏览器屏幕的位置 - jQuery

html - 页脚 div 文本不会对齐

javascript - 根据显示尺寸缩放 Chrome 应用程序窗口