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

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

Documentation

jQuery.SlideText

Плагин ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ тСкста ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора ΠΌΡ‹ΡˆΠΈ

ВрСбования

  1. 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