Sayfanın yüklenmesi bittikten 1 veya 2 saniye sonra ekranın sağından kaydırılmasını istediğim bir div var.Sayfa yüklenirken div içinde otomatik olarak kaydır
Bu, tıklama işlevini kullanmadan bunu başaramam gibi görünüyor. Bu işi nasıl yapabilirim?
sayfanın yüklenmesini bir geri çağırma işlevi ekleyin:
<body onload="script();">
sonra işlevi ekleyin:
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
}
Ve sürgülü efekti oluşturmak için CSS3 geçiş eklemek unutmayın
#elementToMove{
-webkit-transition: left 1s ease;
transition: left 1s ease;
}
Teşekkür ederim, ancak burada sağlanan CSS3 seçeneğine sadık kalırım: http://stackoverflow.com/questions/6805482/css3-transition-animation-on-load/12638711#12638711 – BlueBird03
Herhangi bir CSS geçişine sadık kalabilirsiniz. Bunun gibi sorunuzu kritik bir parçası değil ... getElementByID değerini getElementById için düzeltdiğimi unutmayın. Ekli jsFiddle'a bakın. CSS gecikmelerinin olmasıyla ilgili sorun, sayfanın henüz yüklenmemiş olabileceğidir. Javascript'in yükleme işlevini kullanarak, animasyonu başlatmadan önce sayfanın 2 saniye boyunca kullanıcıya tamamen gösterildiğinden eminsiniz –
Ayrıntılı yanıt için teşekkür ederiz! – BlueBird03
'setTimeout()'? –
İşte [cevap] (http://stackoverflow.com/a/12638711/3162554). – Marvin
Bağlantı için teşekkürler Marvin! Bir tonda yardım etti! – BlueBird03