Исчезать два сложенных текста с помощью jQuery - PullRequest
Новая
       18

Исчезать два сложенных текста с помощью jQuery

0 голосов
/ 16 ноября 2011

На основании JQuery исчезает с петлей и задержкой Как можно добавить две строки текста, не перекрывая обе?

Мой 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 постепенно появляется и так далее

Ответы [ 2 ]

1 голос
/ 16 ноября 2011

Может быть, это не элегантно, но эффективно. 

<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();">
0 голосов
/ 16 ноября 2011

Вы можете объединить два объекта для анимации, используя функцию .add(): 

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

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

...