Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
132 lines (113 sloc) 4.47 KB
<!DOCTYPE html>
<meta charset='utf-8'>
<title>laurie71/jquery-toaster @ GitHub</title>
<style type="text/css">
body {
margin-top: 1.0em;
background-color: #da8316;
font-family: Helvetica, Arial, FreeSans, san-serif;
color: #ffffff;
#container {
width: 700px;
h1 { font-size: 3.8em; color: #257ce9; margin-bottom: 3px; }
h1 .small { font-size: 0.4em; }
h1 a { text-decoration: none }
h2 { font-size: 1.5em; color: #257ce9; }
h3 { text-align: center; color: #257ce9; }
a { color: #257ce9; }
.description { font-size: 1.2em; margin-bottom: 30px; margin-top: 30px; font-style: italic;}
.download { float: right; }
pre { background: #000; color: #fff; padding: 15px;}
hr { border: 0; width: 80%; border-bottom: 1px solid #aaa}
.footer { text-align:center; padding-top:30px; font-style: italic; }
<a href=""><img style="position: absolute; top: 0; right: 0; border: 0;" src="" alt="Fork me on GitHub" /></a>
<div id="container">
<div class="download">
<a href="">
<img border="0" width="90" src=""></a>
<a href="">
<img border="0" width="90" src=""></a>
<h1><a href="">jquery-toaster</a>
<span class="small">by <a href="">laurie71</a></span></h1>
<div class="description">
A jQuery plugin that shows stacked transient notification messages.
<li>Progressive enhancement allows toasts to be read when JavaScript is disabled
<li>Support for *info*, *notice*, *warning* and *error* notices
<li>Straight-forward API: `$(selector).toast()` to get started
<li>Easily tailored through options and events
<li>Fully customizable
jQuery Toaster requires jQuery 1.5 or later. Older versions may work,
but have not been tested.
Copy <em>jquery.toaster.js</em>, <em>jquery.toaster.css</em> and the
<em>images</em> directory into your project, then link the JavaScript
and CSS files into your page.
jQuery is distributed under the
<a href=""
>MIT license</a>.
<p>Laurie Harper</p>
<p><a href=""></a></p>
<p><a href=""></a></p>
You can download this project in either
<a href="">zip</a> or
<a href="">tar</a> formats.
You can also clone the project with <a href="">Git</a>
by running:
<pre>$ git clone git://</pre>
<div class="footer">
Get the source code on GitHub:
<a href="">laurie71/jquery-toaster</a>
<!-- ======================================== -->
<!-- jQuery Toaster Demo: create a stream of toasts -->
<!-- ======================================== -->
<link rel=stylesheet href="./jquery.toaster.css">
<script src=""></script>
<script src="./jquery.toaster.js"></script>
position: { top: 110, right: 0 }
function mktoast() {
var levels = ['info', 'notice', 'warn', 'error'],
level = Math.floor(Math.random() * levels.length),
type = levels[level]
msg = 'A sample toast of type: '+type;
$('<div>'+msg+'</div>').toast({ type: type });
$(function() {
var dur = $.fn.toast.defaults.duration / 3;
setInterval(mktoast, dur);