1

何を変更する必要があるか、画像を非表示にした後、divをコンテンツなしで空白のままにしておく方法を説明できますが、幅と高さは画像の場合と同じです。

正確な例: http://jsfiddle.net/rJuWL/1/

だから隠れた後、セカンド！First! に来ますが、First! のままにしておく必要があります。ブランク セカンド！

HTML

<html>
<body>
    <div>First!</div>
<div class="loading">
<img id="loading" src="http://preloaders.net/preloaders/284/preview.gif" class="none"/>
    <div>Second!</div>
</div>
</body>

CSS

.none{display:none}
.loading{width: 32px;height:32px;}

Javascript

showLoading();    
function showLoading() {
  $("#loading").hide();
  $("#loading").show().delay(2500).fadeOut('10');
}
4

2 に答える 2

7

で非表示にしないでくださいdisplay:none。visibility:hidden

display:noneDOM フローから除外します。に変更するvisibilityと、そこに保持されますが、設定は 0 にhiddenエミュレートされます。opacity

http://jsfiddle.net/AlienWebguy/5cwE7/を保持する簡単なデモを次に示します。fadeOut

于 2012-05-15T21:50:00.097 に答える
1

私は不透明度を使用します。

showLoading();    
function showLoading() {
  $("#loading").fadeTo(0,0);
  $("#loading").fadeTo(0,1).delay(2500).fadeTo(10,0);
}

1 つ目0は持続時間、2 つ目は不透明度です。1見せる0ため、隠すため。

ただし、コードは実際には意味がありません。なぜ隠してからすぐに表示し、2 秒半待ってから隠すのですか?

最初の非表示は必要ないと思います（showLoading()コードの関数の最初の行）

編集：

.css("opacity",0)または、代わりに を使用することもできます.fadeTo(0,0)。おそらくより効率的です。

于 2012-05-15T21:56:13.667 に答える