Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Выползающая картинка. (https://javascript.ru/forum/dom-window/40244-vypolzayushhaya-kartinka.html)

Podarok66613 29.07.2013 15:59

Выползающая картинка.
 
Здравствуйте. Мне нужен код выползающей картинки. Чтобы например пользователь зашёл на сайт и снизу выползла картинка. Вот видео есть. Наверно для профессионалов вопрос покажется глупым. Надеюсь вы поможете. Заранее спасибо.

skrudjmakdak 29.07.2013 16:10

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> 
<html> <head>

</head> 
<body> 
<div style="position: relative; width: 200px; height: 200px; background-color: silver;"></div>

	<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script type="text/javascript">
$('div').mouseover(function()
	{
	$(this).stop().animate(
		{
		top: 300
		}, 1000);
	}).mouseout(function()
	{
	$(this).stop().animate(
		{
		top: 0
		}, 1000);
	});
	</script>
</body> 
</html>

Podarok66613 29.07.2013 21:49

Спасибо конечно за помощь, но это не совсем то, что хотелось бы.


Часовой пояс GMT +3, время: 20:01.