Encontré esto:
https://github.com/idlesign/ist-ui-notice.
Pero no lo logro hacer funcionar. De esta manera no funciona:
Código Javascript
:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script src="./jquery.ui.notice.js"></script>
<style>
.ui-notice-inner { padding: 0.7em; }
.ui-notice-icon { float: left; margin-right: 0.3em; }
</style>
<script>
$('#info_box').notice();
$('#alert_box').notice({type: 'alert'});
</script>
</head>
<body>
<div id="info_box">
Here we are at this beautiful island.
</div>
<div id="alert_box">
Hey! Watch out for snarks!
</div>
</body>
</html>