Lightweight jQuery Text Rotator Plugin - Dynamo.js

File Size: 7.93 KB
Views Total: 2159
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Lightweight jQuery Text Rotator Plugin - Dynamo.js

Dynamo.js is a ultra-light jQuery plugin for dynamic text that cycles through dynamic bits of content and add subtle text effects to your web page.

See also:

How to use it:

1.Write HTML logic.

<p>This is a test document to see if your changes to dynamo.js work <span id="demo">correctly.</span></p>

2. Add jQuery javascript library and dynamo.js at end of document.

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="dynamo.js"></script> 

3. Initialize the plugin with options and alternative text. You can also pass the settings by using data-OPTION attributes in the HTML.

<script type="text/javascript">
$('#demo').dynamo({
  speed: 50,
  delay: 500,
  lines: ["as expected.", "at all.", "as planned."],
  callback: function() { console.log('callback works!'); }
});
</script>

This awesome jQuery plugin is developed by jdan. For more Advanced Usages, please check the demo page or visit the official website.