• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
seegatesite header

Seegatesite.com

Seegatesite.com - Programming Tutorial , Sharing , How and Learn Together

  • TOOLS
    • Bootstrap Navbar Online Generator
    • Customize Sidebar Menu Bootstrap 3
    • Bootstrap Demo
  • ADVERTISE
  • CATEGORIES
    • Android
    • Blogging Tips
    • Database
    • CSS
    • Info Gadget
    • Javascript
    • Linux
    • PHP
    • Various
    • WordPress
  • Q&A
  • PHP
  • JAVASCRIPT
  • JQUERY
  • ANGULAR
  • WORDPRESS
  • SEO
  • REACT
🏠 » Javascript » Overhang.js A Simple And Cool Dropdown Notification Bar Messages

Overhang.js A Simple And Cool Dropdown Notification Bar Messages

By Sigit Prasetya Nugroho ∙ April 1, 2017 ∙ Javascript ∙ Leave a Comment

Share : TwitterFacebookTelegramWhatsapp

If you bored with javascript standard notification, you can try overhang.js. A lightweight notification plugin and does not interfere with the appearance of your website or application. What does the overhang.js is it?

Overhang.js will display a notification bar that dropdown from the top of the screen. This plugin works using CSS and jquery animation. Also, the overhang.js display does not interfere with the performance of your application.

Overhang Js Lightweight Dropdown Notification Bar

With the motto “A Jquery plugin to display sleek, instant notifications, confirmations or prompts inside a given element.” overhang.js can be customized according to the desire of app’s developer. In addition to displaying the notification bar, this plugin can perform prompt alerts, Confirmation Alert and also execute the callback function()

Related Articles :

  • Customize Javascript Alert With SweetAlert Plugin

You can customize the message as adding a duration of time appears, adding close buttons, change the color of the notification message bar.

Overhang.js Demo Prompt Alert

Notification bar can display a success message, warning, error as the default option. Alert messages can be added the Yes/No button to ask the website visitors. This plugin run on all browsers that support Jquery

The use of overhang.js quite easily like the following example:

1
2
3
4
$("body").overhang({
  type: "success",
  message: "hello seegatesite"
});

This plugin was developed by Paul Krishnamurthy. A software developer who lives in Canada, please visit the official website https://paulkr.com/. To download the overhang.js plugin, you can visit the official website at http://paulkr.github.io/overhang.js/

Thus my article about Overhang.js A Simple And Cool Dropdown Notification Bar Messages, hope useful

Another Javascript Related Post :

  • Adept Using Datatables Plugin In 10 Minutes For Beginners (Tutorial)
  • The Using Of Reactstrap And React-Table, Suitable For Beginners
  • Tutorial Create Simple Block UI Using React JS
  • How To Implement Login Page And Protected Route ReactJS
  • Complete Tutorial React Router Dom For Beginners (Easy-To-Understand)
  • The Right Way Understanding React Lifecycle For Beginners

Avatar for Sigit Prasetya Nugroho

About Sigit Prasetya Nugroho

This site is a personal Blog of Sigit Prasetya Nugroho, a Desktop developer and freelance web developer working in PHP, MySQL, WordPress.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Welcome to my Home,

Avatar for Sigit Prasetya NugrohoThis site is a personal Blog of Sigit Prasetya Nugroho, a Desktop developer and freelance web developer working in PHP, MySQL, WordPress.



Popular Articles

Checked checkbox AdminLTE Bootstrap in Jquery

November 4, 2014 By Sigit Prasetya Nugroho 7 Comments

Simple create date format validation with jqueryUI

December 21, 2014 By Sigit Prasetya Nugroho Leave a Comment

Create Simple Progress Bar for Fake Online Generator with Jquery

January 10, 2015 By Sigit Prasetya Nugroho Leave a Comment

22+ Coolest Free Jquery Plugin For Premium Theme

October 3, 2015 By Sigit Prasetya Nugroho Leave a Comment

Easy Build Your Anti Copy Paste Plugin

October 6, 2015 By Sigit Prasetya Nugroho Leave a Comment

Popular Tags

adminlte (15) adsense (13) adsense tips (4) affiliate amazon (13) amazon (12) Android (8) angular (16) angular 4 (12) angular 5 (4) asin grabber (3) Bootstrap (27) codeigniter (5) create wordpress theme (5) crud (8) css (6) free wordpress theme (7) google adsense (4) imacros (4) increase traffic (6) jquery (34) laravel (10) laravel 5 (5) learn android (5) modal dialog (5) mysql (6) nodeJs (4) optimize seo (4) pdo (6) php (30) plugin (53) pos (7) Publisher Tips (5) react (3) Reactjs (7) SEO (37) theme (17) tutorial angular (5) tutorial angular 4 (6) tutorial javascript (10) tutorial javascript beginners (4) twitter (3) widget (3) wordpress (18) wordpress plugin (13) XMLRPC (5)




  • About
  • Contact Us
  • Disclaimer
  • Privacy Policy
  • Terms and Conditions

©2021 Seegatesite.com