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的了解仍然非常有限。

谢谢您的帮助。

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

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

jQuery的

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

@Lawrance,你可以这样做: http : //jsfiddle.net/estevao_lucas/usXba/

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