2

私はjQueryが初めてです。1 番目の家 (左端) に表示され、次に 2 番目の家に表示され、次に 3 番目と 4 番目に表示され、最初から再び開始するツールチップ アニメーションを開発したいと考えています。家にもホバー効果をつけたいです。マウスがその家の対応するツールチップよりも任意の家の上にあると、その家が表示されます。コードは次のとおりです。

<script type="text/javascript">
$(document).ready(function() {

    var bubble = $('.bubble-tooltip');
    bubble
        .eq(0).delay(1500).fadeIn('slow').delay(1000).fadeOut('slow')
        .eq(1).delay(2000).fadeIn('slow').delay(1000).fadeOut('slow')
        .eq(2).delay(2500).fadeIn('slow').delay(1000).fadeOut('slow')
        .eq(4).delay(3000).fadeIn('slow').delay(1000).fadeOut('slow');

    $('.cloud').delay(5000).fadeIn('slow', function() {
        $(this).animate(
            {'left': -35},
            {duration: 2000}
        )
        //bubble.delay(1000).fadeOut('slow');
        $('.bg-overlay').fadeIn(2000)
    });

});

目標を達成するために他の方法も試しましたが、うまくいきませんでした。事前に助けと感謝が必要です。で、サイトURLはこちら。http://umairdesigner.com/builder/

4

2 に答える 2

0

私はあなたがこのようにすることができると思います：

var bubble = $('.bubble-tooltip');
var j = 0;
$(bubble).each(function(i){
    $(bubble[j]).delay(1500).fadeIn('slow').delay(1000).fadeOut('slow', function(){
        $(bubble[j + 1]).delay(1500).fadeIn('slow').delay(1000).fadeOut('slow');
        j++;
    });
});

または 4 つの固定家屋の場合:

var bubble = $('.bubble-tooltip');
  bubble.eq(0).fadeIn('slow').delay(1000).fadeOut('slow', function(){
    bubble.eq(1).fadeIn('slow').delay(1000).fadeOut('slow', function(){
      bubble.eq(2).fadeIn('slow').delay(1000).fadeOut('slow', function(){
        bubble.eq(3).fadeIn('slow').delay(1000).fadeOut('slow', function(){
          bubble.eq(4).fadeIn('slow').delay(1000).fadeOut('slow');
        });
      });
    });
  });
于 2012-05-18T08:58:39.323 に答える
0

これにより、吹き出しの表示が修正されます。

var bubble = $('.bubble-tooltip');

bubble.eq(0).delay(1500).fadeIn('slow').delay(1000).fadeOut('slow');
bubble.eq(1).delay(2000).fadeIn('slow').delay(1000).fadeOut('slow');
bubble.eq(2).delay(2500).fadeIn('slow').delay(1000).fadeOut('slow');
bubble.eq(4).delay(3000).fadeIn('slow').delay(1000).fadeOut('slow');

.fadeOut('slow')の戻り値がバブル コレクションにならないため、連鎖して機能しません。そのため、さらに を使用しても機能し.eq()ません。

于 2012-05-16T11:03:53.867 に答える