🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Scroll Through Text On Hover - jQuery SlideText

An ultra light (~1kb minified) jQuery plugin to simulate the traditional marquee behavior that automatically scrolls through any text within a container on mouse hover.

text-animation Marquee text-scroller

Download Tutorial

Documentation

jQuery.SlideText

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

Требования

jQuery v2+

Установка

npm i jquery-slidetext

Подключение

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></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 });

You May Also Like

Scrolling Text Look Like An LED Display with jQuery leddisplay Plugin

Creating Jumping Text Animation with jQuery and CSS3 - Jumping Words

jQuery & CSS3 Based Text Animation Effect Plugin - LetterFX

Simple Text Shuffle Effect with jQuery - Shuffle Text

jQuery Plugin To Add Cool Animations To Your Text - Text Animator

Minimal jQuery Animated Text Typing Effect - Best Typewriter

Simple Text Shining Effect with jQuery - shining

Event Based Text Animation Plugin with jQuery and CSS3 - WordMagik

Secret App-Style Text Fade Animation with jQuery and CSS3 - Revealing.js

Animated Text Input With jQuery and CSS3 Transforms

Lightweight jQuery Text Blink Effect Plugin - Modern Blink

Smooth Text Highlight Effect with jQuery and jQuery UI - Magic Wand

Airport-Like Text Flip Animation with jQuery and CSS3 - splitFlap

Lightweight jQuery Text Ticker/Scroller Plugin - jticker

Retro Looking Text Flip Effect with jQuery and CSS3 - bFlipText

Simple jQuery Text Rotator with CSS3 Animations

jQuery Plugin For Basic Text Typewriter Effect - Typewriter

jQuery Plugin To Create Colorful Wavy Text - wavytext

jQuery Plugin For Random Text Vanish Effect - Vanish

jQuery Plugin To Jumbles Up Text with CSS3 Animations - jwquaketext

Tiny Text Animation Plugin with jQuery and CSS3 - Textify

Simple Text Typing Animation with jQuery - Typed Text

Automatic Text Rotator Plugin with jQuery and Animate.css - cycleText

jQuery Animated Text Plugin - Audero Flashing Text

Binary Style Text Display Animation Plugin with jQuery - Go Binary

Simple Text Shuffle Effect with jQuery - Spinner Text

Small Cross-fading Text Rotator Plugin For jQuery

Highly Customizable jQuery Text Rotator Plugin - atrotating.js

Minimal Text Transformation Plugin With jQuery - Annalka

jQuery Plugin To Create Terminal-style Typing Effects - TypeWriting.js

jQuery Plugin For Configurable Text Typing Animation - jtap.js

Easy Customizable jQuery Shuffle Text Plugin - NylAutoWriter

jQuery Plugin For CSS3 Animated Anchor Links - anchorHoverEffect

Create A Random Text Shuffle Effect With jQuery - Randomize Text

Random Smooth Text Ambient Animations With jQuery - Letter Effects

Create Awesome Text Switch Animations Using jQuery And CSS3 - switchText.js

Simple Configurable Text Shift Animation With jQuery - shiftLetters

jQuery Plugin For Star Wars Intro Crawl Effect - starwarsintro.js

jQuery Plugin For Custom Glitch Text Effect - Glitch.js

Wave-style Text Effect Using jQuery And CSS3 - floating_text

Create A Text Flow View Using jQuery And Canvas - textflow

jQuery Plugin For Terminal Text Typing Effect - Typewriter

jQuery Plugin For Text Typing & Deleting Effects - AddTyping

Simulating Typing, Deleting And Selecting Text With jQuery - typewrite

Terminal-style Text Typing Plugin For jQuery - Typewriter

Customizable Text Typing Effect With jQuery - coolType

Airport-style Shuffle Text Effect With jQuery - TextShuffle.js

jQuery Plugin To Type Out Text Character By Character - typeText

Simple Fast Text Typing Animation In JavaScript/jQuery - Typing.js

Easy Text Animation Creation With jQuery - animatext

jQuery Plugin To Animate Text With Random Character - Descrambler

Simple jQuery Plugin For CSS3 Text Animations - Curvy Text

Simulate Typing And Deleting Text With jQuery - qwerty.js

Random Text Print Animation Plugin With jQuery - textShake

Dynamic Text Rotator With Typing Effect - jQuery typer.js

Text Highlighting & Typing Effects In jQuery - typeLighter.js

Terminal Style Typing Animation In jQuery - pixel-blue-writer

jQuery Plugin For Retro Animated Headline Text - Textbanner

Simple Configurable Text Typing Animation - jQuery Typing-Effects

Print Text Line-by-line With Typing Effect - jQuery TypeWriter

Configurable Fading Animations For Text - jQuery TextFade

Anchor Link Typing Animation In jQuery - jTyper

Configurable Text Wave Effect In jQuery - textWave.js

Add Typing Effect To Existing Text - jQuery TyperText.JS

Print Text Line By Line With A Typing Animation - typeWriter

Custom Typing/Deleting Animations For Input - jQuery Typingeffect

Sequential Text Animation Plugin For jQuery - autochange_text.js

Airport-like Text Shuffle Animation In jQuery

Smoothly Animate Text Letter By Letter - jQuery Fonteo

Print Text Node With A Typewriter Effect - jQuery typeChar

jQuery Plugins

AngularJs Plugins