<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Notifly :: Basic Notification</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!--
This is an example of Notifly use only teaching purposes.
-->
<div>
<label>Notification text</label>
<textarea id="msg">
Notifly is cool. ;-)
</textarea>
</div>
<div>
<label>Notification display time</label>
<input type="number" step="1" value="0" id="time">
</div>
<div>
<label>Display position</label>
<select id="position">
<option value="notifly-top-center" selected>At the top, centralized</option>
<option value="notifly-bottom-right">Bottom right</option>
</select>
</div>
<button onclick="show()">Show</button>
<script src="notifly.js"></script>
</body>
</html>
|
Download
