Autocue Teleprompter Like jQuery Text Scroll Plugin - scrollocue

Autocue Teleprompter Like jQuery Text Scroll Plugin - scrollocue
File Size: 77.5 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Scrollocue is a jQuery scroll plugin that allows you to smoothly scroll through lines of text with the arrow keys, space bar or just click, similar to an autocue teleprompter system.

Basic Usage:

1. Create the text you want to walk through. By default, the plugin will handle the text wrapped with <h1> and <p>. You can set the custom selector in the next step.

<div id="demo">
<h1>Title</h1>
<p>TEXT 1</p>
<p>TEXT 2</p>
<p>TEXT 3</p>
</div>
</div>

2. Load the jQuery Scrollocue plugin at the bottom of your page, but after jQuery library.

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="js/scrollocue.js"></script> 

3. Call the plugin with options.

<script>
$('#demo').scrollocue({
lineSelector: 'h1, p', // custom selector.
scrollDuration: 1000,
scrollEasing: 'easeOutQuad' // easing options.
});
</script>

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