Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Бегущая строка (от размера текста) (https://javascript.ru/forum/dom-window/40048-begushhaya-stroka-ot-razmera-teksta.html)

gJam 22.07.2013 22:33

Бегущая строка (от размера текста)
 
Добрый день, форумчане!
Меня интересует такой вопрос, а как собственно реализовать алгоритм для бегущей строки со следующим условием:
Если текст влазит в блок - не включать
Не влазит в блок - включать

Всем советам буду рад и благодарен!

пример:
[] - границы блока
[Examp]le - включаем
[Example] - не включаем

рони 22.07.2013 23:10

gJam,
если у блока есть скролинг - то бегущей строка

bes 22.07.2013 23:28

как-то так
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<style>
div {
	width: 2.5em;
	border: solid 1px;
	overflow: hidden;
}
</style>
<div>Example</div>
<div style="width: 5em;">Example</div>
<div style="width: 3em;">Example</div>
<script>
jQuery(function () {
	$("div").each(function () {
		var div = $(this);
		var span = $("<span>" + div.text() + "</span>");
		span.css("visibility", "hidden");
		$("body").append(span);
		if (span.innerWidth() > div.innerWidth()) {
			var sl;
			setInterval(function () {
				sl = div.scrollLeft();
				div.scrollLeft(div.scrollLeft() + 1);
				if (sl == div.scrollLeft()) {
					div.scrollLeft(0);
				}
			}, 200);
		}
		span.remove();
	});
});
</script>

gJam 22.07.2013 23:39

Всем спасибо. Помогло. За код отдельное спасибо bes

yurik417 19.04.2014 22:32

Бегущая строка закаленная в огне:
http://masscode.ru/index.php/k2/item/44-limarquee


Часовой пояс GMT +3, время: 12:58.