0

我试图在单击图像时显示一个 div，然后在给定的秒数后将其隐藏。我找到了两个符合我需要的单独代码示例，但我不知道将它们放在一起。

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

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

使 div 出现在 imageclick 上的代码：

<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>
4

2 回答 2

2

也许这会有所帮助：

$('#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/

于 2012-11-12T01:51:31.290 回答
0

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

于 2012-11-10T07:31:26.940 回答