0

我正在尝试在表格中旋转项目列表（即：）。我想要做的是删除第一个项目并在表格末尾添加一个项目。我能够删除第一个项目，但我被困在如何每 10 秒不断重做一次。也许，查看代码会给出一个更好的主意。

代码：

        $num_ads = 0;
        if (isset($ads[0])) {
            foreach($ads as $row) {
                                    ...
                                    ...
                echo '<td class="featured_ads_td" id="featured_'.$num_ads.'">';
                                    ...
                                    ...
                                    $num_ads++
                            }
                    }

所以我所做的是我给表中的每个项目一个唯一的ID。在这种情况下，第一项将是特色_0，然后是特色_1，特色_2..等

Javascript

<script src="/jquery-latest.min.js"></script>
<script type="text/javascript">
        var ad_refresh = setInterval(function(){
            $('#featured_0').fadeOut('slow');
            $('#featured_0').attr('id','removed');
        }2000);
</script>

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

谢谢您的帮助。

4

2 回答 2

1

如果我确实正确理解了您的问题，那么沿着这条线的某些内容将允许您淡出元素并将其放在其余元素之后：

请参阅此工作小提琴示例！

jQuery

var ad_refresh = setInterval(function(){
    var $target = $('.featured_ads_td:first-child');
    $target.fadeOut('slow', function() {
        $target.appendTo('tr').show();
    });
},2000);
于 2012-06-09T00:50:41.273 回答
1

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

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

于 2012-06-09T00:55:49.697 回答