Flight Board Text Effect with jQuery – flightboard

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

Create a container where you want to render Flight Board Text Effect

<div id="basicBoard"></div>

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

Download

For more Advanced Usages, please check the demo page or visit the official website.