Бегущая строка (от размера текста)
Добрый день, форумчане!
Меня интересует такой вопрос, а как собственно реализовать алгоритм для бегущей строки со следующим условием: Если текст влазит в блок - не включать Не влазит в блок - включать Всем советам буду рад и благодарен! пример: [] - границы блока [Examp]le - включаем [Example] - не включаем |
gJam,
если у блока есть скролинг - то бегущей строка |
как-то так
<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> |
Всем спасибо. Помогло. За код отдельное спасибо bes
|
Бегущая строка закаленная в огне:
http://masscode.ru/index.php/k2/item/44-limarquee |
Часовой пояс GMT +3, время: 12:58. |