marquee

Amaze your eyes and recapture the magic of the web with scrolling marquees

npm install marquee
18 downloads in the last month

marquee

Marquee all the things!

First, start by adding elements to your page. Just like any other normal day:

<h1>This is a test</h1>

Then, make everything better with marquee:

marquee('h1');

There are some configuration options also:

// initialise the speed
marquee('h1', { 
    speed: 250, // default speed = 1000, set speed to 4x
    freezeDelay: 1000 // freeze for a second once one marquee iteration is complete
});

Also, marquee can detect whether the text fits in it's container using the measureText for the canvas 2D context:

// only make a marquee if the text overflows
marque('h1', {
    checkOverflow: true
});

Implementations

Initial implementation was done using Canvas 2D Text, but looked crap on High Density Devices. Has been dropped back to a simple DOM implementation for the moment.

License

MIT: http://damonoehlman.mit-license.org/

npm loves you