Question

我非常感谢你的帮助。

我找到了两个符合我需求的独立代码，但我没有把它们放在一起的知识。

如果您有更好的代码 - 请告诉我。）

由于

在x秒后内容消失的代码：

<script>
    window.setTimeout(function() {
        $('#fadeout').hide(2000);
    }, 4000);
</script>

代码将使div显示在图像上：

<SCRIPT>
function fade(div_id, button) {

    if(button.value == 'FadeOut') {
        $('#'+div_id).fadeOut('slow');
        button.value = 'FadeIn';
    }
    else {
        $('#'+div_id).fadeIn('slow');
        button.value = 'FadeOut';
    }
}

$('#sometext').fadeOut(2);
</script>

Answer 1

也许这可能会有所帮助：

$('#fadeout').hide(); // hide div
$('img').live('click', function(e){ 
    e.preventDefault(); //cancel default action of click
    $('#fadeout').show().delay(5000).fadeOut(1000); //show div on img click then hide after 5 seconds
});

这是一个工作样本：http://jsfiddle.net/7X767/3/

Answer 2

您可以使用以毫秒为单位的时间值，而不是使用'慢'。

在图像上显示div，然后在x秒后隐藏它

2 个答案: