как сделать бегущую строку?
Здравствуйте!
Я создал блок шириной на весь экран 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")); }); |
Часовой пояс GMT +3, время: 09:58. |