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

jQuery run animation with defaults prevented on document load

本文关键字:默认值 加载 文档 运行 动画 jQuery      更新时间:2023-09-26

我正在尝试运行动画幻灯片,但有一些延迟和文档加载时的幻灯片,但我希望它阻止幻灯片操作的默认值,因为元素具有位置:固定;

我相信我做错了,因为它根本不会加载,你能帮忙吗?

我在小提琴上有一个: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);    
        }
    });
});

谢谢:)

在jQuery中你有很多不必要的代码,只需执行以下操作:

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

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

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

只需这样做:

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

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