1

任何人都可以解释我应该修改什么，隐藏图像后如何将 div 保持为空白，没有内容，但宽度和高度与图像相同，

确切的例子：http: //jsfiddle.net/rJuWL/1/

于是躲了起来，二！来到第一！，但我需要保持第一！空白秒！

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:none会将其从 DOM 流中移除。更改visibilitytohidden将保留它，但模拟设置opacity为 0。

这是一个快速演示，可让您的fadeOut http://jsfiddle.net/AlienWebguy/5cwE7/

于 2012-05-15T21:50:00.097 回答
1

我会使用不透明度。

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

第一个0是持续时间，第二个是不透明度。1为了展示，0为了隐藏。

但是，您的代码并没有真正的意义。为什么要隐藏它然后立即显示它，然后等待 2 秒半并隐藏它？

我认为不需要初始隐藏（showLoading()我的代码中函数的第一行）

编辑：

或者，您可以使用.css("opacity",0)代替.fadeTo(0,0)，它很可能更有效。

于 2012-05-15T21:56:13.667 回答