0

考虑一个像

<div class='Textslideshow'>
<table width='600px' style='padding-left:0%;' border='1'>
    <tr>
        <td width='100%' align='center' valign='middle' style="font-family: Arial">Header1</td>
        <tr>
            <td width='100%' align='center' valign='middle' style="font-family:Arial">
                <table border='1' cellpadding='3' cellspacing='7'>
                    <tr>
                        <td width='50%' align='center'>Time1</td>
                        <td width='50%' align='center'>Label1</td>
                    </tr>
                    <tr>
                        <td width='50%' align='center'>Time2</td>
                        <td width='50%' align='center'>Label2</td>
                    </tr>
                </table>
            </td>
        </tr>
    </tr>
</table>
<table width='600px' style='padding-left:0%;' border='1'>
        <tr>
            <td width='100%' align='center' valign='middle' style="font-family: Arial">Header2</td>
            <tr>
                <td width='100%' align='center' valign='middle' style="font-family:Arial">
                    <table border='1' cellpadding='3' cellspacing='7'>
                        <tr>
                            <td width='50%' align='center'>Time1</td>
                            <td width='50%' align='center'>Label1</td>
                        </tr>
                        <tr>
                            <td width='50%' align='center'>Time2</td>
                            <td width='50%' align='center'>Label2</td>
                        </tr>
                    </table>
                </td>
            </tr>
        </tr>
</table>

在这个 div 下，有几个这样的表，我使用 Jquery 循环以 5 秒的一定速度循环遍历每个表。现在，html 页面只能显示 10 个时间和标签条目。如果有超过 10 个条目，我需要将时间分成 1-10 的 2.5 秒和其他 2.5 秒的 10+。其余表格正常显示 5 秒。对应的 Jquery 是 textspeed 为 5000 的地方。

$(window).load(function () {

    $('.Textslideshow').cycle({
        fx: textTransitionEffect,
        speed: textSpeed,
        timeout: textTimeout
    });
});

此代码适用于条目为 1-10（时间和标签）的表。如果您有更多条目，则这些条目将附加到表中。但我需要拆分表格（条目超过 10 个）并每个显示 2.5 秒。jsFiddle 链接jsFiddle

对此有任何建议。

4

1 回答 1

0

我使用以下代码完成了这项工作

$('#MovieDisplayTiming').append(opthtml);
                    $('#MovieDisplayTiming div').css('width', $('#MovieDisplayTiming').width());
                    $('#MovieDisplayTiming').cycle({
                        fx: 'fade',
                        after: function () { $('.fillingfast').blink(1000); },
                        speed: 2000,
                        timeout: 8000,
                        before: function (curElement, nextElement, options, forwardFlag) {
                            if ($('.DisplayIndividualTiming').length !== 0) {
                                $('.DisplayIndividualTiming').cycle({
                                    fx: 'scrollUp',
                                    speed: 'slow',
                                    timeout: 4000,
                                    autostop: true
                                });
                            }
                        }
                    });
于 2013-12-13T11:14:43.773 回答