-4

ループと遅延を使用した JQuery のフェードに基づいて、 2 つのテキスト行をフェードインし、両方に重ならないようにするにはどうすればよいですか?

私のHTML：

<div id="div_1" style="position:fixed;top:0;left:0;"> aaa bbb ccc ddd eee </div>

<div id="div_2" style="position:fixed;top:0;left:0;"> 111 222 333 444 555 </div>

div_1 が最初に表示されてフェードアウトし、次に div_2 がフェードインし、次にフェードアウトし、次に div_1 がフェードインする、というように続きます。

4

2 に答える 2

1

エレガントではないかもしれませんが、効果的です。

<script type="text/javascript">

function fade1() {
    $('#div1').delay(2000).fadeIn(2000).fadeOut(2000).delay(2000);
}
function fade2() {
    $('#div2').delay(2000).fadeIn(2000).fadeOut(2000).delay(2000);
}
function fade0() {
    $('#div2').fadeOut(0);
    $('#div2').delay(2000);
}
setInterval('fade1()', 1);
setInterval('fade2()', 1);
</script>

<body onload="fade0(); fade1(); fade2();">
于 2011-11-16T14:47:41.840 に答える
0

.add()関数を使用して、アニメーション化する 2 つのオブジェクトを結合できます。

$('#div1').add($('#div2')).fadeToggle();

http://api.jquery.com/add/

于 2011-11-16T01:40:36.893 に答える