Показать сообщение отдельно
  #1 (permalink)  
Старый 13.02.2017, 10:34
Аспирант
Отправить личное сообщение для gazman Посмотреть профиль Найти все сообщения от gazman
 
Регистрация: 02.09.2015
Сообщений: 38

бегущая строка на jquery
здравствуйте

делаю бегущую строку. помогите всё это дело зациклить. срабатывает один раз. делаю клон и вызываю эту же функцию в колбеке. где неправильно?
<div id="container">
	<p class="string">Бегущая строка на JavaScript...</p>
</div>

$(document).ready( function(){
  
	var string = $(".string");
	var cont = $("#container");
	
	var con_w   = cont.width();
	var con_p_l = cont.css("padding-left");
	var con_p_r = cont.css("padding-right");
	
	var con_len = parseInt(con_w) + parseInt(con_p_l) + parseInt(con_p_r);
	var str_lef = parseInt(string.css("left"));
	var str_wdh = parseInt(string.width());
	
	$(function run ()
	{
		string.animate(
		{
			position: "absolute",
			left: con_len + 'px' 
		}, 
		{
			duration: 3000,
			complete ()
			{
				string.clone()
				.css("left", -str_wdh + 'px')
				.appendTo("#container");
				$(".string:first").remove();
				run();
			}
		});
	});
	
});
Ответить с цитированием