-1

このフィドルに従って独自のコードを作成しましたが、実際には遅延なく画像が表示されています。ガイドしてください。

<img class="delayImg" style="width:156px;margin: 41px 0; height:37px;opacity:0px;" delayedSrc="logo_new.png"  />

$(document).ready(function() {
    $(".delayImg").each(function() {
        this.onload = function() {
            $(this).animate({opacity: 1}, 4000);
        };
        this.src = this.getAttribute("delayedSrc");
    });
});
4

2 に答える 2

3

delay()を追加する

 $(this).delay(4000).animate({opacity: 1}, 4000);

おそらく、遅延と期間を混同していると思います。アニメーション関数で指定された数値は、アニメーションの直前に遅延を追加するためのアニメーションの継続時間です.delay()。

フィドル

于 2013-06-19T01:19:59.020 に答える
2

ここにエラーがあります：

<img class="delayImg" style="width:156px;margin: 41px 0; height:37px;opacity:0px;" ....

---> 不透明度: px なしで0

fiddle css codeを参照してください。それは次のとおりです。

.delayImg {opacity:0;}
于 2013-06-19T01:23:38.973 に答える