Здравствуйте!
Я создал блок шириной на весь экран 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"));
});