Notibar.js

Note: This post is over 8 years old. The information may be outdated.

Notibar.js - Lightweight notification bar, no dependency.

<script
  type="text/javascript"
  src="https://duyetdev.github.io/notibar.js/notibar.js"
></script>
<script type="text/javascript">
  notiBar(
    '<strong>notibar.js</strong> by <a href="https://duyet.net">duyetdev</a>  :))',
  )
</script>

See example: https://duyetdev.github.io/notibar.js/example.html

More custom

notiBar({
  message:
    '<strong>notibar.js</strong> by <a href="https://duyet.net">duyetdev</a>  :))',
  closeButton: true,
  font: 'sans-serif',
  fontSize: '13px',
  minHeight: '41px',
  color: '#2895F1',
  bgColor: '#f0f9ff',
  borderBottomColor: '#96c4ea',
})

Github: https://github.com/duyet/notibar.js

ProjectJavascriptSide Project