Jquery Анимированная Логотип

Question

Я хочу, чтобы логотип на Gone Freelancing был и анимирован, отображал при загрузке страницы Jquery, например, когда вы нажимаете больше для модального окна.Как только я узнаю, как это сделать, я создам тот же эффект, что маркеры на карте только появляются. Может ли кто-нибудь указать мне правильное направление?Я искал в Google и могу только найти Фейда

Ваша помощь очень ценится!

Заранее спасибо, Рой http://roybarber.com

Answer 1

Я понимаю, что это очень старая тема, но с тем же вопросом этот ответ сработал, однако, ОП упомянул, что часть $("#logo").load(function() не сработала, а document.ready сработала.

Я столкнулся с той же проблемой, поэтому я надеюсь, что кто-то может объяснить, почему .load может не выполняться в коде, принятом OP.

Answer 2

Вы должны будете сделать его отдельным объектом (то есть абсолютно позиционированным), который может перемещаться вверх и вниз, не нарушая остальную часть страницы.Помните значение CSS "top", когда оно выглядит хорошо.Это будет значение, в котором вы перемещаете элемент в.

Затем установите «верх» объекта на некоторое отрицательное значение (например, -500px) и используйте этот код для создания div (с предполагаемым идентификатором, равным"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);

});