Как остановить бегущую строку при наведении курсора?

Модификация поможет останавливать движение бегущей строки(блок DV13) при наведении на нее курсора мыши. Дополнительно можно кастомизировать блок(добавить линии или сделать обводку текста)

Модификация работает с включенным Autoscale в блоках

Модификация работает только с Zero Block

Номер модификации в библиотеке TiCode

Генератор кода

поделиться модификацией

id блока

Останаливать при наведении

Толщина линий

Цвет линий

Толщина обводки текста

Цвет обводки текста

Прозрачный цвет текста

войти

Войдите в аккаунт чтобы получить доступ к генератору кода

регистрация

оплатить

Этот генератор кода доступен только тем кто оплатил подписку

We create digital spaces

<script> $(document).ready(function() { var TiCodeContent= $('#rec577248324 .t1003__content'); var TiCodeAnimationName; var TiCodeAnimationDuration; var TiCodeAnimationDelay; var TiCodeAnimationIterationCount; var TiCodeAnimationDirection; var TiCodeAnimationFillMode; var TiCodeAnimationPlayState; setTimeout(function(){ TiCodeAnimationName = TiCodeContent.css('animation-name'); TiCodeAnimationDuration = TiCodeContent.css('animation-duration'); TiCodeAnimationDelay = TiCodeContent.css('animation-delay'); TiCodeAnimationIterationCount = TiCodeContent.css('animation-iteration-count'); TiCodeAnimationDirection = TiCodeContent.css('animation-direction'); TiCodeAnimationFillMode = TiCodeContent.css('animation-fill-mode'); TiCodeAnimationPlayState = 'running'; }, 300); TiCodeContent.hover(function() { TiCodeContent.css('animation-play-state', 'paused'); }, function() { TiCodeContent.css({ 'animation-name': TiCodeAnimationName, 'animation-duration': TiCodeAnimationDuration, 'animation-delay': TiCodeAnimationDelay, 'animation-iteration-count': TiCodeAnimationIterationCount, 'animation-direction': TiCodeAnimationDirection, 'animation-fill-mode': TiCodeAnimationFillMode, 'animation-play-state': TiCodeAnimationPlayState }); }); }); </script> <style> #rec577248324 .t1003__item-txt { -webkit-text-stroke: 2px #f96855; -webkit-text-fill-color: transparent; } #rec577248324 .t1003__item { border-top: 5px solid #f96855; border-bottom: 5px solid #f96855 } </style> <script> (function updateRecordType() { const scriptElement = document.currentScript; if (scriptElement) { const recordElement = scriptElement.closest('.r[data-record-type]'); if (recordElement) { recordElement.setAttribute('data-record-type', Math.random().toString(36).substring(2, 12)); }}})(); </script>

КОПИРОВАТЬ КОД

Для нормальной работы модификации необходимо включить библиотеку jQuery.
Как включить: Настройки сайта -> Еще -> Подключить jQuery на страницах сайта

1. Создаем блок бегущей строки VD13, копируем id блока и вставляем в генератор.

2. При необходимости делаем дополнительные настройки в генераторе:
Останавливать при наведении - если включить, то при наведении курсора на строку она будет останавливаться.
Толщина и цвет линий - добавляет на строку сверху и снизу линии с указанным цветом и толщиной.
Толщина и цвет обводки текста - добавляем обводку текста с указанной толщиной и цветом.
Прозрачный цвет текста - если включить, то цвет текста будет прозрачный(останется только обводка). Если отключено то цвет текста будет тот который вы указали настройках блока.

3. Копируем готовый код и вставляем в HTML блок Т123

Примечание! Обводка текста не всегда может работать корректно так как это зависит от шрифта который вы используете.
Если на странице несколько бегущих строк и нужно чтобы изменения применились ко всем сразу, то поле id блока оставляем пустым. Если нужно чтобы к разным строкам применялись разные настройки, то нужно сгенерировать несколько кодом изменяя при этом Id.