Бегущая строка?

Question

[unddeus]

Здравствуйте
Решил для сайта сделать бегущую строку вверху, например как уведомление об обновлении или технических работах, покидайте примеров пожалуйста, а то никогда с ними не имел дел. Спасибо!

Comments

[DanKud]

Елки-палки, ну такое же гуглится за пару секунд буквально. Вот пример на CSS-анимации, без всяких JS:

<div class="marquee"><span>бегущая строка</span></div>

.marquee {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}
 
.marquee span {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 10s infinite linear;
}

@keyframes marquee {
    0% { transform: translate(0, 0) }
    100% { transform: translate(-100%, 0) }
}

[Rustam Bainazarov]

DanKud, вот это ещё лучше для простого варианта этой шняги. Сделайте ответом, я отмечу решением.

Answer 1

[Дмитрий Дерепко]

https://www.google.com/search?q=html+js+бегущая+строка

Answer 2

[grinat]

Тут js не нужен, есть html тэг для этого. Только хз работает ли он щас, тот же blink вроде давно отключили

Comments

[Rustam Bainazarov]

Только хз работает ли он щас, тот же blink вроде давно отключили

Именно поэтому JS и нужен тут.

P. S. В Blink (на примере Chrome и Safari) пока что тоже работает: https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

[grinat]

Рустам Байназаров, ну-ну, потом заходишь на страницу, а все жутко тормозит и не работает.

[Rustam Bainazarov]

grinat, да ладно? Читайте мой комментарий внимательнее. Это вы предложили использовать HTML-тег, поддержку которого хотят удалить, а не я.

Ваши слова: Тут js не нужен, есть html тэг для этого.

Я за JS-решение. Я лишь отметил, что пока что он работает в браузерах на Blink.

[grinat]

Рустам Байназаров, ну правильно, еще желательно на jquery это все сделать.

[Rustam Bainazarov]

grinat, это делается на JS в пару строк. И без jQuery. И производительно. В отличие от работы тега marquee, который работает с глюками.

[grinat]

Рустам Байназаров, а почему не на jquery?

[Rustam Bainazarov]

grinat, лучше на C#.

Я вас понял.