使用带有淡化元素的div块消失,并在设定的时间后重新出现

时间:2012-06-20 07:05:40

标签: jquery show-hide

我试图使div消失并在一段时间后重新出现。

div内部是淡入和淡出的div元素。

我认为这样可行:

setTimeout(function() {
$( "#productDiv" ).removeAttr( "style" ).show().fadeIn();
}, 1000 );

但事实并非如此,我很确定我做错了。我也无法弄清楚如何在一段时间后再次显示div。

任何人都可以看看这个并给我指点吗?

http://jsfiddle.net/linuxbastard/nGCNJ/5/

提前致谢。

2 个答案:

答案 0 :(得分:1)

你可以试试这个: - 这将在每2秒后链接效果

 $(document).ready(function(){
    setInterval(function() {
        $("#productDiv").show().delay(1000).fadeOut();
    }, 2000 );
 });

答案 1 :(得分:0)

这样做:

$("#productDiv").hide().delay(1000).fadeIn();

这会隐藏div,并将fadeIn效果编程为在此之后1000 ms应用。这是链接jquery效果的自然和惯用方法。