jQuery Snake Carousel效果

Question

我似乎无法找到这样的东西，所以只是想看看是否有人能指出我正确的方向。

我需要产品像传送带一样滑动/具有蛇形效果。

View on JS Fiddle: http://jsfiddle.net/nLgopodt/2/

附上所需功能的粗略图表。

Answer 1

我只会用css做这个，但我无法让第n个孩子选择器正常工作。

无论如何，我更新了您的jsfiddle

• 每列都在一行。
• 每个even行将列浮动到右侧
• javascript将列添加到第一行，并将溢出的列级联到下一行
• 如果没有下一行，则会删除溢出的元素。

.container .row:nth-child(even) .col { float: right; }

var $rows = $('.container .row'); setInterval(function(){ var $col = $('<div class="col new">NEW COL</div>'); $rows.eq(0).prepend($col); $col.removeClass('new').addClass('animated bounceIn') $rows.each(function(idx, elem){ var $row = $(elem), $cols = $row.children(); if ($cols.length > 4) { var $overflow = $cols.filter(':gt(3)'), $nextRow = $rows.eq(idx + 1); if ($nextRow.length == 0) $overflow.remove(); else $nextRow.prepend($overflow); } }); }, 5000);