需要列表元素逐一进入

时间:2013-07-02 16:32:12

标签: jquery animation

使用php函数从数组创建列表元素,但是希望每个列表元素都是逐个进行的,每个列表元素之间的延迟大约为1.5秒, 有人能给我最简单的方法吗?我假设参与了jquery。

这是从数组中引入列表项的代码:

<?php include("inc/thumbs.php") ?>
<?php include("header.php"); ?>
            <ul class="thumbnails">
                <?php foreach($thumbs as $thumb) { 
                        echo get_thumb_view_html($thumb);
                    }
                ?>
            </ul>

        </div>
    </div>
</header>
</body>

1 个答案:

答案 0 :(得分:1)

你必须使用JS或jQuery。这是一个使用jQuery从内容数组每1.5秒追加一个新的li的简单示例:

var array = ["test1", "test2", "test3", "test4"];
var arrayCounter = 0;

var timeout = setInterval(function() {
    if (arrayCounter < array.length) {
        $("#testUL").append("<li>" + array[arrayCounter] + "</li>");
        arrayCounter++;
    } else {
        clearInterval(timeout);
    }
}, 1500);

演示页:http://jsfiddle.net/TstTA/1/

相关问题