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 の下に、このようないくつかのテーブルがあり、5 秒の特定の速度で Jquery サイクルを使用して各テーブルを循環します。これで、html ページには Time と Label の 10 エントリしか表示できなくなりました。10 を超えるエントリがある場合は、1 ～ 10 の場合は 2.5 秒、10 以上の場合は 2.5 秒と時間を分割する必要があります。残りのテーブルは通常 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 に答える