LogoDuyệtSr. Data Engineer
HomeAboutPhotosInsightsCV

Footer

Logo

Resources

  • Rust Tiếng Việt
  • /archives
  • /series
  • /tags
  • Status

me@duyet.net

  • About
  • LinkedIn
  • Resume
  • Projects

© 2026 duyet.net | Sr. Data Engineer

Notibar.js

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

Notibar.js - Lightweight notification bar, no dependency.

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

See example: https://duyet.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

Mar 4, 2017·9 years ago
|Project|
JavascriptSide Project
|Edit|
On this page
  • More custom
On this page
  • More custom