У меня есть div, который я хочу, чтобы он скользил справа от экрана через 1 или 2 секунды после завершения загрузки страницы.Автоматическое скольжение в div на загрузке страницы
Кажется, я не могу достичь этого, не используя функцию щелчка. Как я могу сделать эту работу?
Добавить функцию обратного вызова для загрузки страницы:
<body onload="script();">
затем добавить функцию:
function script(){
setTimeout(function(){
document.getElementById('elementToMove').style.left = '1000px'; // new left position is 1000px in this example
}, 2000); // 2000 = 2 seconds after page load
}
И не забудьте добавить переход CSS3 для создания эффекта скольжения
#elementToMove{
-webkit-transition: left 1s ease;
transition: left 1s ease;
}
Спасибо, но я буду придерживаться опции CSS3, которая была предоставлена здесь: http://stackoverflow.com/questions/6805482/css3-transition-animation-on-load/12638711#12638711 – BlueBird03
Вы можете придерживаться любого перехода CSS вам нравится это не критическая часть вашего вопроса ... Обратите внимание, что я исправил getElementByID getElementById. Посмотрите на прикрепленный jsFiddle. проблема с задержкой CSS заключается в том, что страница, возможно, еще не была загружена. Используя функцию загрузки javascript, вы уверены, что страница полностью отображается пользователю в течение 2 секунд перед началом анимации. –
Спасибо за подробный ответ! – BlueBird03
'setTimeout()'? –
Вот ваш [ответ] (http://stackoverflow.com/a/12638711/3162554). – Marvin
Большое спасибо за ссылку Marvin! Помогли тонну! – BlueBird03