如何创建淡入链接？延迟链接

Question

我想要一个图像链接出现在我的页面上，但仅在页面加载后10秒。所以会有延迟。

Answer 1

使用setTimeout，10秒后，要么插入链接，要么取消隐藏它？ （虽然我基本上使用jQuery /等基本上任何DOM操作。）

Answer 2

如果jQuery是一个选项，那么下面应该做的伎俩。首先通过使用display:none来随意定义HTML元素，然后开始隐藏。

<img id="theImage" style="display:none"> 

然后在下面的jQuery代码

$(document).ready(function() { 
    setTimeout(function() { 
    $('#theImage').fadeIn(); 
    }, 10000); 
}); 

添加如果你需要用香草JavaScript来的工作，然后将以下添加到您的窗口加载功能

setTimeout(function() { 
    var x = document.getElementById('theImage'); 
    x.removeAttribute('style'); 
}, 2000); 

拨弄示例： http://jsfiddle.net/

Answer 3

使用jQuery：

$('.delayed') 
    .hide() 
    .delay(10 * 1000) 
    .fadeIn(); 

Demo