Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как преобразовать строку в шаблонную строку (template literals) daima Элементы интерфейса 5 01.09.2017 17:14
Как сделать калькулятор и с чего начать? A.P. Yellowman Общие вопросы Javascript 3 15.11.2013 21:32
Как сделать все содержимое страницы не активным son313 jQuery 9 10.07.2013 16:58
Как сделать? При выходе мышкой за пределы окна браузера, начинает грузится другая стр alb Events/DOM/Window 13 01.09.2010 12:19
Вопрос как сделать эту панельку Определённых размеров и свойств. jei jQuery 3 09.06.2009 19:14