Бегущая строка (от размера текста)
Добрый день, форумчане!
Меня интересует такой вопрос, а как собственно реализовать алгоритм для бегущей строки со следующим условием: Если текст влазит в блок - не включать Не влазит в блок - включать Всем советам буду рад и благодарен! пример: [] - границы блока [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, время: 06:23. |