Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.07.2013, 22:33
Аспирант
Отправить личное сообщение для gJam Посмотреть профиль Найти все сообщения от gJam
 
Регистрация: 21.07.2011
Сообщений: 92

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

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

пример:
[] - границы блока
[Examp]le - включаем
[Example] - не включаем
Ответить с цитированием
  #2 (permalink)  
Старый 22.07.2013, 23:10
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

gJam,
если у блока есть скролинг - то бегущей строка
Ответить с цитированием
  #3 (permalink)  
Старый 22.07.2013, 23:28
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

как-то так
<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>
Ответить с цитированием
  #4 (permalink)  
Старый 22.07.2013, 23:39
Аспирант
Отправить личное сообщение для gJam Посмотреть профиль Найти все сообщения от gJam
 
Регистрация: 21.07.2011
Сообщений: 92

Всем спасибо. Помогло. За код отдельное спасибо bes
Ответить с цитированием
  #5 (permalink)  
Старый 19.04.2014, 22:32
Интересующийся
Отправить личное сообщение для yurik417 Посмотреть профиль Найти все сообщения от yurik417
 
Регистрация: 31.08.2011
Сообщений: 17

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



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Если размера div не хватает для текста Гробовщик (X)HTML/CSS 7 19.07.2013 00:44
бегущая строка на Jquery noosfera jQuery 10 19.11.2012 17:10
Предполагается наличие ';' в IE7- FINoM (X)HTML/CSS 5 25.08.2012 16:05
Бегущая строка в строке состояния DexS Общие вопросы Javascript 0 06.05.2011 14:43
Бегущая строка kali4st Ваши сайты и скрипты 10 18.12.2009 15:39