Показать сообщение отдельно
  #1 (permalink)  
Старый 01.12.2017, 15:56
Аватар для LADYX
Профессор
Отправить личное сообщение для LADYX Посмотреть профиль Найти все сообщения от LADYX
 
Регистрация: 19.02.2015
Сообщений: 217

как сделать бегущую строку?
Здравствуйте!
Я создал блок шириной на весь экран 100%. Через iframe загружаю файл с биржевыми котировками. И конечно же каждая строка в этом файле переносится. А вот, подскажите пожалуйста, а как сделать так, чтобы весь текст в этом файле был в одну бегущую строку без лишних пробелов?
<style>
.stock_quotes_block {
   position: relative;
   overflow: hidden;
   width: 100%;
   height: 25px;
   line-height: 25px;
   margin-top: -25px;
   white-space: nowrap !important;
}
#marquee {
   width: 100%;
   white-space: nowrap !important;
}
</style>
<div class="stock_quotes_block">
    <iframe id="marquee" src="http://www.cbr.ru/scripts/XML_daily.asp?date_req=02/03/2002" frameborder="0" height="25" scrolling="no"></iframe>
</div>

$(function() {

			var marquee = $(".stock_quotes_block"); 
			marquee.css({"overflow": "hidden", "width": "100%"});
 
			marquee.wrapInner("<span>");
			marquee.find("span").css({ "width": "50%", "display": "inline-block", "text-align":"center" }); 
			marquee.append(marquee.find("span").clone());
 
			marquee.wrapInner("<div>");
			marquee.find("div").css("width", "200%");
 
			var reset = function() {
				$(this).css("margin-left", "0%");
				$(this).animate({ "margin-left": "-100%" }, 12000, 'linear', reset);
			};
 
			reset.call(marquee.find("div"));
 
		});

Последний раз редактировалось LADYX, 01.12.2017 в 16:48.
Ответить с цитированием