Показать сообщение отдельно
  #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>
Ответить с цитированием