Question

我想让Gone Freelancing上的徽标和Jquery的页面加载动画一样，就像点击更多的模态一样。一旦我学会了如何做到这一点，我将为地图标记创建相同的效果，只能插入。有人能指出我正确的方向吗？我搜索谷歌，只能找到淡入淡出的

非常感谢您的帮助！

提前谢谢，罗伊 http://roybarber.com

Answer 1

我意识到这是一个非常古老的主题，但是这个答案有相同的问题，但OP提到$("#logo").load(function()部分不起作用，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);

});

Jquery动画下载徽标

3 个答案: