Press "Enter" to skip to content

Mouse Over Element Shuffle Texts in HTML | shuffleText.js

shuffleText.js is a small JavaScript library that can be used to shuffle any text when the mouse is hovered or loaded onto the page. It is easy to use for everyone.

How to make use of it:

1. Import the shuffleText.js script within the doc.

<script src="shuffleText.js"></script>

2. Initialize the library and apply the shuffle effect to the textual content you specify.

<p class="shuffleText">Add Text Here</p>
shuffleInit({
  class_name: 'shuffleText'
});

3. Determine whether or not to shuffle the text on web page load.

shuffleInit({
  class_name: 'shuffleText'
  onload: true
});

4. Config the shuffle effect with the next props.

shuffleInit({
  class_name: 'shuffleText'
  delay: true,
  number_of_iterations: 100,
  iteration_speed: 5,
  displayed_speed: 80,
});

Shuffle Text On Hover And/Or On Page Load, shuffleText Plugin/Github


See Demo And Download

Official Website(toshiya-marukubo): Click Here

This superior jQuery/javascript plugin is developed by toshiya-marukubo. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.