JQuery旋转列表

我正在尝试在表格中旋转项目列表（即:)。 我要做的是删除第一个项目并在表格末尾添加一个项目。 我能够删除第一个项目，但我坚持我每10秒钟可以不断重做一次。 也许，查看代码会给出一个更好的主意。

码：

$num_ads = 0; if (isset($ads[0])) { foreach($ads as $row) { ... ... echo ''; ... ... $num_ads++ } } 

所以我所做的是，我给表中的每个项目一个唯一的ID。 在这种情况下，第一项将是featured_0，然后是featured_1，featured_2..etc

使用Javascript

   var ad_refresh = setInterval(function(){ $('#featured_0').fadeOut('slow'); $('#featured_0').attr('id','removed'); }2000);  

使用下面的脚本将删除我的第一个项目。 但是，无论如何我可以如何制作第一项feature_0所以我可以每2秒递归一次？ 或者，如果有更好的方法，请告诉我。 我对javascript和jquery的了解仍然非常有限。

谢谢您的帮助。

Answer 1

如果我确实理解了你的问题，沿着这条线的东西将允许你淡出元素并将其放在剩下的元素之后：

看到这个工作小提琴示例！

jQuery的

 var ad_refresh = setInterval(function(){ var $target = $('.featured_ads_td:first-child'); $target.fadeOut('slow', function() { $target.appendTo('tr').show(); }); },2000); 

Answer 2

@Lawrance，你可以这样做： http ： //jsfiddle.net/estevao_lucas/usXba/

我唯一做的就是克隆并删除第一个元素，然后再次追加到表中。