1

これについてはすでにいくつかのトピックがありましたが、私の場合はあまり役に立ちませんでした。ホバーしたときにいくつかのソーシャルアイコンの画像ソースを変更する小さなスクリプトを作成しました。フェードインとフェードアウトの効果を追加しようとしているので、単なる画像の交換ではありません。これが私のスクリプトです:

$(".social_icons").live('hover', function() {
  if ($(this).attr("class") == "social_icons") {
    this.src = this.src.replace("-black","-color");
  } else {
    this.src = this.src.replace("-color","-black");
  }
  $(this).toggleClass("on");
});

これにフェードイン/フェードアウト効果を追加するにはどうすればよいですか?

4

1 に答える 1

1

これを試して

$(".social_icons").live('hover', function() {
    var $curr = $(this);
     if ($(this).attr("class") == "social_icons") {
        $curr.fadeOut('slow', function () {
            $curr.attr('src', this.src.replace("-black","-color"));
            $curr.fadeIn('slow');
        });
    } else {
        $curr.fadeOut('slow', function () {
            $curr.attr('src', this.src.replace("-color","-black"));
            $curr.fadeIn('slow');
        });
  }
  $(this).toggleClass("on");
});
于 2012-09-26T01:01:00.643 に答える