noty
Version:
noty is a jQuery plugin that makes it easy to create alert - success - error - warning - information - confirmation messages as an alternative the standard alert dialog. Each notification is added to a queue. (Optional)
84 lines (77 loc) • 2.18 kB
HTML
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Demonstration of noty</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="demonstration of some noty capabilities">
<link href='http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic&subset=latin,latin-ext,cyrillic' rel='stylesheet' type='text/css'>
<style type="text/css">
html {
height: 100%;
width: 100%;
}
body {
font-family: 'PT Sans', Tahoma, Arial, serif;
line-height: 13px
}
a {
color: #444;
line-height: 30px;
text-decoration: none;
background: #f1f1f1;
padding: 2px 8px;
}
</style>
</head>
<body>
<div class="container">
<div>
<a href="allLayouts.html">See All Layouts</a>
</div>
<div>
<a href="noanim.html">Using without animations</a>
</div>
<div>
<a href="allTypes.html">See All Types</a>
</div>
<div>
<a href="usingWithButtons.html">Using with Buttons</a>
</div>
<div>
<a href="usingWithButtons2.html">Using with Buttons 2</a>
</div>
<div>
<a href="usingWithModal.html">Using with Modal</a>
</div>
<div>
<a href="usingWithOldOptions.html">Using with Old Options</a>
</div>
<div>
<a href="customContainer.html">Using with Custom Container</a>
</div>
<div>
<a href="consumingAlert.html">Consuming Alert</a>
</div>
<div>
<a href="api.html">Using API</a>
</div>
<div>
<a href="usingMaxVisible.html">Max Visible Option</a>
</div>
<div>
<a href="killer.html">Killer Option</a>
</div>
<div>
<a href="themeCss.html">CSS Theme Example</a>
</div>
<div>
<a href="usingWithAnimate.css.html">Using with Animate.css</a>
</div>
<div>
<a href="progressbar.html">Using with progress bar</a>
</div>
</div>
</body>
</html>