Как сбросить позицию тега marquee?

Question

[psiklop]

Добавил в интерфейс для длинных строк тег marquee и запуск при наведении мыши, все устраивает, кроме того, что анимация только останавливается, но строка не сбрасывается на начало.

<marquee behavior="alternate" onmouseout="this.stop();" onmouseover="this.start();">Test</marquee>

Comments

[modelair]

этот тег давно в состоянии deprecated, используйте CSS.

[psiklop]

modelair, жаль слишком удобно, как еще создать одной строкой текст ползающий влево вправо?

[modelair]

psiklop, https://developer.mozilla.org/en-US/docs/Web/CSS/a...
https://www.w3schools.com/css/css3_animations.asp
прочтите, посмотрите примеры. ничего сложного.
ключевые слова css animation

[psiklop]

modelair, овчина выделки не стоит.

[modelair]

psiklop, у страха глаза велики

[Александр]

psiklop, тогда никак не сбросить.

[psiklop]

modelair, дело не в страхе, человек так устроен забывает все, что не использует. CSS анимации я буду использовать на 1% примерно раз в 3 года и несомненно мне придется учить это заново каждый раз.

Answer 1

[Иван Музыка]

Никак.

К тому же marquee уже deprecated, используйте CSS анимации - там это делается не очень то и сложно.

Comments

[psiklop]

Настолько несложно, что все об этом пишут, но никто не удосужился дать строчку.

Answer 2

[psiklop]

Решение такое напрашивается, мудрено, зато работает.

<h6 onmouseleave="this.innerHTML='<marquee behavior=&quot;alternate&quot;>Test</marquee>'; this.firstChild.stop()" onmouseenter="this.firstChild.start();"> тут оригинальный тег </h6>

Comments

[psiklop]

Еще можно оптимизировать и не писать изначально тег в html, вместо этого добавить в начало onmouseenter $(this).trigger('mouseleave');
Но это уже jquery.

[psiklop]

Самый лучший вариант убрать start и stop вообще.
Добавить родителю в mouseenter - запись тега, в mouseleave запись текста (можно ограничить длину через substr и добавить многоточие а конце), поставить родителю height, иначе тег ее увеличивает и выходят некрасивые подергивания при mouseenter. И вуаля будет красота.