TThis plugin sets a division to flip between text messages like a flight board at an airport. The primary features of Flight Board Text Effect Plugin:
- Flip between multiple messages.
- Sequential or random letters during changes.
- Change letters image for a new look.
Live Demo
How to Use
1. HTML
Create a container where you want to render Flight Board Text Effect
<div id="basicBoard"></div>
2. Javascript
Load jQuery library together with the Flight Board Text Effect library into your code
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="jquery.plugin.js"></script>
<script src="jquery.flightboard.js"></script>
<script>
$(function () {
$('#basicBoard').flightboard({
messages: ['FIRST MESSAGE', 'SECOND MESSAGE'],
lettersImage: 'flightBoardLarge.png',
shadingImages: ['flightBoardHigh.png', 'flightBoardShad.png']
});
});
</script>
Source Code
DownloadFor more Advanced Usages, please check the demo page or visit the official website.