0

私は、liの後にliをフェードインするfadeIn効果を​​持つポートフォリオグリッドを作成しています(次のポートフォリオ画像)。

私は多くのアプローチを試みましたが、うまくいきません。

(function($){
  $.fn.showdelay = function(){
    var delay = 0;
    return this.each(function(){
      $(this).delay(delay).fadeIn(1800);
      delay += 1000;
    });
  };
})(jQuery);

$(document).ready(function(){
  $('#portfolioslider li').showdelay();
});

どうすればこれを修正できますか?

よろしくお願いします。

これがコードです！

4

1 に答える 1

1

スタイルに a を追加display:noneします。#porfolioslider li

#portfolioslider li {
    float: left;
    display:none;
}

リビングデモ: http://jsfiddle.net/rC7Lr/3/

fadeIn何かを行うには、最初に非表示にする必要があることを忘れないでください。すでに表示されている場合、何をフェードインしますか? :)

于 2013-09-30T09:05:58.747 に答える