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

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

如果您有任何更好的代码 - 然后让我知道）

感谢

代码至极使得内容dissapear 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>

来源

2012-11-10 user1813739

而不是使用'慢'，你可以使用毫秒的时间值。

来源

2012-11-10 07:31:26 Ofisora

感谢您的重播。但我似乎无法得到它的工作。我想要一个div在5秒后消失，当我点击图像时（不是在5秒钟内慢慢地，而是在5秒钟后缓慢地等待1秒钟）。冷，请给我一个最终的代码？谢谢 – user1813739

类似的文章是在[本页]（http://stackoverflow.com/questions/11621126/hide-show-div-on-image-click-with-jquery） – Ofisora

也许这可以帮助：

$('#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-12 01:51:31 jec

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

回答

相关问题