需要在Javascript中淡出效果

我正在做一個Ajax調用和響應我想隱藏一個div。現在，我能夠成功地做到這一點，但這很快。我想要一些淡出效果。如何在一個鏡頭中完成？需要在Javascript中淡出效果

這是我目前的代碼。

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

非常感謝您提前！

來源

2010-03-09 bragboy

很高興看到迄今爲止所有五個答案都是指jQuery。

有幾篇關於創建fade effect using vanilla Javascript的文章，儘管大部分人在網上發佈的Javascript都很乏味。

來源

2010-03-09 21:58:56 strager

@strager：+1感謝您的鏈接，非常有趣的簡單示例。 – 2010-03-09 22:10:04

使用jQuery ...

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

而這裏的的情況下，API參考，你需要修改有關淡出效果，任何事：

.fadeOut() - jQuery API

來源

2010-03-09 21:55:26

呵呵，好吧你是第一個;） – MyGGaN 2010-03-09 21:56:50

jQuery的批量是多少？ – bragboy 2010-03-09 21:58:46

1.4是70.4Kb Minified。 – 2010-03-09 21:59:45

我可以推薦使用框架（我更喜歡jQuery）。它還將處理跨平臺支持。

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

欲瞭解更多信息請諮詢他們的文檔：jQuery fadeOut

來源

2010-03-09 21:56:07 MyGGaN

如何訴諸jQuery的？所有你需要的是'.fadeOut（）'，你很好去

來源

2010-03-09 21:56:23 Jonn

看看jQuery fadeOut函數。

來源

2010-03-09 21:56:36

如果你想放棄的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步淡出。

來源

2010-03-09 22:08:36 Robusto

我會扔在MooTools版本的好措施：

$('myid').fade(opacity)

其中不透明度爲在區間[0,1]的數值。您也可以將其稱爲：

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

還有更多options可用。 MooTools大小爲65kb（YUI壓縮）。

來源

2010-03-09 22:10:12 awesomo

需要在Javascript中淡出效果

回答

相關問題