jquery - jquery 是否支持在 div 中“交叉淡入淡出”html 以便现有项目淡出而新 html 淡入的能力？

Question

我有一个 div，里面有一堆 html。我想覆盖它以暂时显示一条消息（让我们说 3 秒），然后轻松回到那里的原始 html。支持这一点的最佳方法是什么？

Answer 1

您所要做的就是将 HTML 作为字符串存储在变量中，然后您就可以恢复。看看这个小提琴。

var myDiv = document.getElementById('demo');
var myOldHtml = myDiv.innerHTML;

myDiv.innerHTML = '<span>Wow, so HTML</span>';

setTimeout(function () {
    myDiv.innerHTML = myOldHtml;
}, 1000);

Answer 2

尝试

setTimeout(function(){

$("#div").html("GONE");

},3000);

演示

Answer 3

看看这个例子我认为它接近你正在寻找的东西

仅供参考，我没有正确检查

http://jsfiddle.net/laelitenetwork/GUxgX/

// Ignore this it's just there to dynamically add a div to DOM
$(document).ready(function(){
$('a').click(function(){
    $('.document').html(
        '<div id="result">This is a message</div>'
    );
});
});
function hideMsg(){
// Hide dynamically added div
setTimeout(function(){ 
      $('#result').slideUp(500);  
}, 5000);
}
// Listen DOM changes
$('.document').bind("DOMSubtreeModified", hideMsg);