Как сделать слайд текста вправо при загрузке страницы?

Я не владею javascript, и я пытаюсь редактировать this example at w3schools, чтобы сделать простой заголовок в слайде div вправо плавно (из поля зрения) при загрузке страницы. Я просто ЗНАЮ, что это имеет какое-то отношение к коду, который уже есть, но у меня две проблемы.Как сделать слайд текста вправо при загрузке страницы?

Когда я включаю коробку они движутся в текстовый заголовок и изменить «Див» селектор в «.headline» (или что-то я назвал его), нажав на кнопку не будет перемещать его.
Если я это понял, я до сих пор не знаю, как заставить его работать без кнопки.

источник

2013-09-23 katgarcia

Сейчас этот код вызывается с обработчик щелчка, просто удалите обертку для этого и выполнить его при загрузке страницы:

$(document).ready(function() { 
    $(".header").animate({ //be sure to change the class of your element to "header" 
     left:'250px', 
     opacity:'0.5', 
     height:'150px', 
     width:'150px' 
    }); 
});

Демо: http://jsfiddle.net/tymeJV/ZWtQw/1/

источник

2013-09-23 16:50:17 tymeJV

Спасибо! Это сработало! – katgarcia

, если вы хотите сделать это когда нагрузки на тело просто попробуйте эти 100% -ная работа
Содержание и кодирование html следующие:

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
</script> 
<script> 

var function1 = function(){ 
$(document).ready(function(){ 
    $("div").animate({ 

     left:'250px', 
     opacity:'0.5', 
     height:'150px', 
     width:'150px' 
    }); 
}); 

}; 
</script> 
</head> 

<body onload="function1();"> 

<p> in the body tag i have added onload event which tells that when body is fully loaded then do this function which has a name of function1 or you can name something else but remember <b>in script tag the name after var should be same as the name in onload event </b></p> 
<div style="background:#98bf21;height:100px;width:100px;position:absolute;"> 
</div> 

</body> 
</html>

источник

2013-12-25 13:30:32

Вы могли бы уточнить, как и почему они работают так, как они делают, возможно, jsfiddle. –

Как сделать слайд текста вправо при загрузке страницы?

ответ

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