Jquery 徽标动画插入

Question

我希望 Gone Freelancing 上的徽标能够通过 Jquery 在页面加载时以动画形式插入，就像当您单击模式的“更多”时一样。一旦我学会了如何做到这一点，我将为地图标记创建相同的效果，只是为了插入。有人能给我指出正确的方向吗？我搜索了谷歌，只能找到 fade's

非常感谢您的帮助！

预先感谢，罗伊 http://roybarber.com

Answer 1

我意识到这是一个非常古老的线程，但有同样的问题，这个答案有效，OP提到 $("#logo").load(function() 部分不起作用，但 < code>document.ready

遇到了同样的问题，所以我希望有人能解释为什么 .load 可能无法在OP接受的代码中执行。

Answer 2

您必须将其设为一个单独的对象（即绝对定位），该对象可以上下移动而不破坏页面的其余部分。当CSS“top”值看起来不错时，请记住它。这将是您将元素滑动到的值。

然后，将对象的“顶部”设置为某个负数（即 -500px），并使用此代码使 div（假设 id 为“logo”）向下滑动。

$("#logo").load(function(){
    $('#logo').animate(
       {top:'400px'}, 
        100, // speed of animation in milliseconds
        function() {
           // Do something when animation is complete
        }
    );
});

您可以在此处阅读有关 JQuery 自定义动画的更多信息：http://api.jquery.com/animate/

Answer 3

从概念上讲，设置您想要放入的徽标，例如 top:-1000px ，这足以使其远离可见屏幕。 （立场：绝对偏离路线）。进而

$(document).ready(function(){
$('.dropin').animate({'top':'0px'}, 300);

});