2013-05-01 18 views
-2

В примере я использовал div, но мне нужно иметь изображение, подобное слайду справа налево, а затем слева направо, но я не могу, это то, что они не являются анимацией поверх другой ...Div над другим с анимацией

HTML

<div id="slider"> 
    <div id="background">1</div> 
    <div id="logo">2</div> 
</div> 

JQuery

$("#background").animate({ 
    marginLeft: "500px", 
}, 1000); 
$("#logo").animate({ 
    marginRight: "500px", 
}, 500); 

http://jsfiddle.net/7kvRA/

+0

http://jsfiddle.net/7kvRA/ –

+0

"В примере" Какой пример? – j08691

ответ

0

Установить верхнее поле в #logo DIV на отрицательную высоту #background Div в CSS-коде или что-то требуется

margin-top:-150px; 

http://jsfiddle.net/fEPsX/

+0

Спасибо за неприятность! –

0

Не знаете, что вы ищете, но:

Если вы хотите изменить анимацию после ее завершения, попробуйте добавить onComplete в свой метод анимации jQuery.

(Посмотрите документацию для «полного»)

Если вы хотите, чтобы оживить DIV поверх другой DIV, используйте absolute позиционирование и z-index Ing.

Надеюсь, что это поможет.

+0

Я пытаюсь поставить один поверх другого, если я использую абсолютную позицию, анимация не работает. –

+0

Анимация будет работать, если бы вы их абсолютно позиционировали и подтачивали свойство 'left', а не' marginLeft'. В любом случае все будет хорошо. Я часто считаю, что анимация с использованием «абсолютных» значений является более точной. Рад, что вы решили свою проблему. –

Смежные вопросы