Typewriter-style Text Rotator with Vanilla JavaScript – TWReplace.js

Category: Animation , Javascript , Text | October 17, 2015
Author:samjdavis13
Views Total:1,231 views
Official Page:Go to website
Last Update:October 17, 2015
License:MIT

Preview:

Typewriter-style Text Rotator with Vanilla JavaScript – TWReplace.js

Description:

TWReplace.js is a Vanilla JavaScript plugin that rotates an array of text strings with typewriter-style typing and deleting effects.

How to use it:

Load the core JavaScript file TWReplace.js anywhere in the html document.

<script src="dist/twreplace.min.js"></script>

Wrap an array of text strings you want to rotate through using data-twreplace attributes.

<span data-twreplace='["dog", "cat", "cow"]'>elephant</span>

Change the animation speed.

<span data-twreplace-charspeed="75" 
      data-twreplace-wordspeed="3000"
      data-twreplace='["dog", "cat", "cow"]'>
      elephant
</span>

You Might Be Interested In:


Leave a Reply