Question

我是JavaScript和JQuery的新手，但我想在不同的表之间淡化数据。因此，如果我有数据要分解为3个不同的表，我如何进行分页，暂停10秒，然后分页到下一个表，然后循环回到开头？

有人可以帮我指点或指出一些有效的方法吗？

<table>
<tr>
<td>table 1</td>
</tr>
</table>

<table>
<tr>
<td>table 2</td>
</tr>
</table>

<table>
<tr>
<td>table 3</td>
</tr>
</table>

Answer 1

<style>
table {border:1px solid #ff00ff; position: absolute;top:0;display:none; }
div {position:relative;}
</style>
<script src="jquery-1.4.1.min.js"></script>
<script>
    var n = 0;
    function rotate(){
        $("table").fadeOut(100);
        $("table:eq("+n+")").fadeIn(1000);
        n += 1; n %= $("table").length;
    }

    //call your function every x milliseconds
    window.setInterval(function(){
        rotate();
    }, 1000);
</script>

<div>

<table style="display:block"><tr><td>content 1</td></tr></table>
<table><tr><td>content 2</td></tr></table>
<table><tr><td>content 3</td></tr></table>

</div>

编辑：现在完全正常工作，不需要任何硬编码限制。

Answer 2

如果您正在使用jQuery - 您可能希望将计时器（每次）与fadeIn / fadeOut调用组合在一起。试验以下内容：

http://plugins.jquery.com/project/timers

jquery "everyTime" function

http://api.jquery.com/fadeIn/

http://api.jquery.com/fadeOut/

享受

元素之间的淡化

2 个答案: