Показать сообщение отдельно
  #2 (permalink)  
Старый 23.03.2011, 05:05
Профессор
Отправить личное сообщение для Matre Посмотреть профиль Найти все сообщения от Matre
 
Регистрация: 07.01.2011
Сообщений: 582

<html>
	<head>
		<script type='text/javascript' src='http://code.jquery.com/jquery-1.5.1.min.js'>
		</script>
	</head>
	<body>
		<a href='javascript://' id='start'>
			Начинаем!
		</a>
		<div id='main'>
			<span>Первая строка текста</span><br />
			<span>Вторая строка текста</span><br />
			<span>Третья строка текста</span><br />
			<span>Четвёртая строка текста</span><br />
			<span>Пятая строка текста</span>
		</div>
		<script type='text/javascript'>
			var I = 0, E = $("#main span");
			E.hide().eq(0).show();
			$("#start").one("click", function () {
				E.eq(I).fadeOut();
				E.eq(I = I == E.length - 1 ? 0 : I + 1).fadeIn("normal", arguments.callee);
			});
		</script>
	</body>
</html>
Ответить с цитированием