Question

这是我现在所拥有的jsFiddle：https://jsfiddle.net/vst5fky5/

我正在重做jQuery中的Flash部分。有一个徽标和7个内联列表项（导航），我需要从顶部动画。我想使用jQuery在开头添加top：-5em，然后让它们一个接一个地下来。

什么都没有用。注意：标识点击功能只是为了测试，我想让它改变CSS，然后在页面加载时运行动画。

$(document).ready(function(){
    $('.nav a li').css("top:","-5em");
    $('#logo').click(function(){
        $(".nav a li").animate({top:$(this).offset().top}, 'slow');
    });
});

Answer 1

语法问题。您已在以下语法中添加了额外的:。

 $('.nav a li').css("top:","-5em");

应该是

 $('.nav a li').css("top","-5em");

UrlValidator

Answer 2

使用 each() 方法逐一获取动画效果

$('.nav a li').css("top","-5em");
    $('#logo').click(function(){
        $(".nav a li").each(function(i,e){
          $(e).delay(i*1000).animate({top:$(e).offset().top}, 'slow');
    });
});

<强> DEMO

jQuery不会改变css或动画......我做错了什么？

2 个答案: