jQuery.SlideText

Плагин прокрутки текста при наведении курсора мыши

Требования

1. jQuery v3+

Установка

npm i jquery-slidetext

Подключение

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

<script type="text/javascript" src="dist/jquery.slidetext.min.js"></script>

Использование

CSS

.slidetext {
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
}

.slidetext__content {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

HTML

<div class="container-example slidetext">
    <span class="slidetext__content">
        Не слишком длинный текст, буквально немного прокрутки.
    </span>
</div>

JavaScript

SlideText({
    'elbox'    : '.slidetext',
    'elcontent': '.slidetext__content',
    'speed'    : 177
});