jQuery运行动画,在文档加载时阻止默认值

时间:2011-05-19 13:54:03

标签: javascript jquery

我正在尝试在文档加载时运行带有一些延迟和slideDown的动画slideDown,但我希望它能够阻止slideDown操作的默认值,因为元素具有position:fixed;

我认为我做错了,因为它根本不会加载,请你协助;

我把它放在小提琴上:http://jsfiddle.net/fLBaD/1/

这是代码;

    $(function(){

    $('.initial').hide();

    var initial = $(".initial");
    jQuery(function(){
        preventDefault();
        if (initial.is( ":hidden" )) {
            initial.delay(3000).slideDown(1000).delay(5000).slideUp(1000);    
        }
    });

});

谢谢:)

2 个答案:

答案 0 :(得分:2)

在jQuery中你有很多不必要的代码,只需这样做:

  $(".initial").delay(3000).slideDown(1000).delay(5000).slideUp(1000); 

用css(更快)隐藏元素,这样它就不必加载javascript来隐藏。

查看工作演示: http://jsfiddle.net/fLBaD/3/

答案 1 :(得分:1)

这样做:

$(function(){
    var initial = $(".initial");        
    initial.hide().delay(3000).slideDown(1000).delay(5000).slideUp(1000);    
});

小提琴:http://jsfiddle.net/fLBaD/5/