Alertigo
A Demo In Alert Styling / Interactivity

Default Implementation

Default implementation with custom alert.

HTML
Place alertigo div before body close.

<div id="alertigo"></div>

Javascript

$(document).ready(function(){
alertigo('Lorem ipsum dolor sit amet, consectetur adipiscing elit.');
});

Background Color Implementation

Background color implementation with custom alert and background color options. Default is blue.

HTML
Place alertigo div before body close.

<div id="alertigo"></div>

Javascript

$(document).ready(function(){
alertigo('Lorem ipsum dolor sit amet, consectetur adipiscing elit.');
alertigo('Lorem ipsum dolor sit amet, consectetur adipiscing elit.', {color: 'green'});
alertigo('Lorem ipsum dolor sit amet, consectetur adipiscing elit.', {color: 'light-blue'});
alertigo('Lorem ipsum dolor sit amet, consectetur adipiscing elit.', {color: 'orange'});
alertigo('Lorem ipsum dolor sit amet, consectetur adipiscing elit.', {color: 'red'});
});

Lifespan Implementation

Lifespan implementation with custom alert. Default is 3000 milliseconds.

HTML
Place alertigo div before body close.

<div id="alertigo"></div>

Javascript

$(document).ready(function(){
alertigo('Lorem ipsum dolor sit amet, consectetur adipiscing elit.', {life: '1000'});
alertigo('Lorem ipsum dolor sit amet, consectetur adipiscing elit.', {life: '2000'});
alertigo('Lorem ipsum dolor sit amet, consectetur adipiscing elit.', {life: '5000'});
alertigo('Lorem ipsum dolor sit amet, consectetur adipiscing elit.', {life: '10000'});
});

Sticky Implementation

Sticky implementation with custom alert. Default is false.

HTML
Place alertigo div before body close.

<div id="alertigo"></div>

Javascript

$(document).ready(function(){
alertigo('Lorem ipsum dolor sit amet, consectetur adipiscing elit.', {sticky: true});
});