Browser Push Notification Style Alert Popup Plugin - jQuery Fake Push

File Size: 4.2 KB
Views Total: 2977
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Browser Push Notification Style Alert Popup Plugin - jQuery Fake Push

The Fake Push jQuery plugin helps developers to create browser push notification style alert popup displayed in the lower right corner of the page.

How to use it:

1. Include both jQuery JavaScript library and the Fake Push plugin on the page.

<script src="https://code.jquery.com/jquery-3.3.1.min.js" 
        integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT" 
        crossorigin="anonymous"></script>
<script src="fake-push.min.js"></script>

2. Create a fake push notification popup with custom title, message, and icon.

$.push(

  // title
  'Notification',

  // message
  'I am so Happy!', 

  // icon
  'comment-chart-line.svg'
  
);

3. Apply your own styles to the fake push notification popup.

.fake-push {
  // wrapper styles here
}

.push-image {
  // icon styles here
}

.col-push-text b {
  // title styles here
}

.col-push-text ms {
  // message styles here
}

This awesome jQuery plugin is developed by MwSpaceLLC. For more Advanced Usages, please check the demo page or visit the official website.