Question

我正在进行Ajax调用，并且在响应时我想隐藏div。现在，我能够成功地完成它，但这很快。我想要一些淡出效果。如何一次性完成？

这是我目前的代码。

var someDiv = document.getElementById(someId);
someDiv.style.display="none";

非常感谢你！

Answer 1

很高兴看到目前为止所有五个答案都引用了jQuery。

有几篇关于创建fade effect using vanilla Javascript的文章，但是对大多数人在线发布的Javascript感到厌倦。

Answer 2

如果你想放弃jQuery或框架，这是一个你可以使用的模式：

function fadeThisElement(elm, interval) {
  for (var i=10; i>0; i--) {
    var opacity = i/10;
    setTimeout( function(opacity) {
      elm.setStyle("-moz-opacity",opacity);
      elm.setStyle("opacity",opacity);
      elm.setStyle("filter","alpha(opacity=" + (opacity*100).toString() );
      //set your alpha values for the various browsers
    }, interval;
  }
}

以毫秒为单位给出间隔。我建议10分为10步淡出。

Answer 3

使用jQuery ...

$('#someId').fadeOut();

以下是API参考，以防您需要修改有关fadeOut效果的任何内容：

.fadeOut() - jQuery API

Answer 4

我可以推荐使用框架（我更喜欢jQuery）。它还将处理跨平台支持。

$('#div-id-here').fadeOut('slow');

有关详情，请参阅他们的文档：jQuery fadeOut

Answer 5

如何使用jquery？所有你需要的是'.fadeOut（）'并且你很高兴

Answer 6

查看jQuery fadeOut函数。

Answer 7

我会投入MooTools版本以获得良好的衡量标准：

$('myid').fade(opacity)

其中不透明度是区间[0,1]中的值。您也可以将其命名为：

$('myid').fade('out')

还有更多options可用。 MooTools的大小为65kb（YUI压缩）。

需要在Javascript中有淡出效果

7 个答案: