jQuery 25 个超棒的消息提醒插件

jQuery的通知插件帮助您创建各种通知信息,如错误,警告和简单的通知消息。我们选择25个最好的jQuery通知插件,使您能够为您的网站和Web应用创建各种通知消息和警报,并为访客提供更好的用户体验。

1. jQuery Toastmessage

http://github.com/akquinet/jquery-toastmessage-plugin

jquery-toastmessage-plugin is a JQuery plugin which provides android-like notification messages. The toasted messages arriving on the screen in a seamless and natural way.

2. jQuery Notification Menu

http://www.codebasehero.com/2011/07/jquery-notification-menu/

A jQuery plugin to add notification bubbles and a notification list to any menu.

3. Noty

http://ned.im/noty/

noty is a jQuery plugin that makes it easy to create alert, success, error and confirmation messages as an alternative the standard alert dialog. The notifications can be positioned at the top, topCenter (like GMail), bottom, centre, top left or top right. There are lots of other options in the API to customise the text, animation, speed, buttons and much more.

4. Notify

http://www.greepit.com/notify/

Notify! is a jQuery Notification Plugin which adds simple notifications bars that you can use on your website and application to assist users while they fill in forms, navigate through pages or interact with interface.

5. Alertify

http://fabien-d.github.io/alertify.js/

Alertify is an unobtrusive customizable JavaScript notification system.

6. Toastr

https://github.com/CodeSeven/toastr

toastr is a Javascript library for non-blocking notifications. jQuery is required. The goal is to create a simple core library that can be customized and extended.

7. Pnotify

http://sciactive.com/pnotify/

PNotify is a JavaScript notification plugin, developed by SciActive. Formerly known as Pines Notify. It is designed to provide an unparalleled level of flexibility, while still being very easy to implement and use. PNotify provides desktop notifications based on the Web Notifications Draft. If desktop notifications are not available or not allowed, PNotify will fall back to displaying the notice as a regular, in-browser notice.

8. Jui_alert

http://www.pontikis.net/labs/jui_alert/

jui_alert is a jQuery plugin, provides simple notification with timeout and close button. jQuery UI themes compatible and with localization support.

9. Amaranjs

https://github.com/hakanersu/AmaranJS

Amaran JS is a jQuery plugin to create beautiful and stylish notifications with animations.

10. jBar

http://toddmotto.com/jbar-plugin-the-jquery-call-to-action-bar/

jBar is a simple and lightweight jQuery notification bar that’s been revisited and rewritten (18.11.2012) as an official plugin, which serves up loads of easy customisable options. The jBar allows you to create a simple call to action and bring it forward for the user to see at the top of your website.

11. Notifit

https://github.com/naoxink/notifIt

notifIt is a jQuery plugin to show notifications of everything you want and when you want, simply and quickly. Easy to learn and use. Customize with your favorite colors, define the size you want, set the opacity, make a sticky one and much more!

12. Freeow

http://pjdietz.com/jquery-plugins/freeow/

Freeow! is a plugin for making Growl-like alerts or message boxes on your website. You can customize the look and animation of Freeow! each time a message box appears, and you can alter other options such as whether or not to have the message box hide itself automatically.

13. jNotify

http://www.myjqueryplugins.com/jquery-plugin/jnotify

jNotify is a jQuery plugin for displaying animated notifications easily and only with a single line of code. There are 3 built-in notification types: information, success and failure where each of them can be skinned via CSS

14. Sticky

http://danielraftery.com/read/Sticky-A-super-simple-notification-system-for-jQuery

Sticky is a simple notification system that allows you to send such messages with ease, and class. Quickly notify a user of software updates, process completions, or annoy them with registration reminders.

15. ClassyNotty

http://www.class.pm/projects/jquery/classynotty/

jQuery ClassyNotty is a plugin that enables your application to display unobtrusive, beautiful and elegant notifications.

16. Bootstrap Growl

http://ifightcrime.github.io/bootstrap-growl/

Pretty simple jQuery plugin that turns standard Bootstrap alerts into hovering “Growl-like” notifications. It has number of features such as it uses standard Twitter Bootstrap alerts which provides ‘info’, ‘error’, and ‘success’ styles, and multiple growls called consecutively are stacked up one after another in a list.

17. Notify Better

https://github.com/peachananr/notify-better

Notify Better is a jQuery plugin that let you change your favicon, browser’s title and more to reflect new notifications.

18. TitleNotifier.js

https://github.com/roshiro/TitleNotifier.js

TitleNotifier.js is a lightweight, dependency-free javascript library to dynamically show the number of unread notifications in your webpage title.

19. Gritter

http://boedesign.com/blog/2009/07/11/growl-for-jquery-gritter/

Gritter is a jQuery plugin for creating Growl-like notifications with ease. The notification bubbles created looks very similar to the ones in Mac OS X & they can be styled easily if wanted.

20. Notify.js

http://notifyjs.com/

Notify.js is a jQuery plugin to provide simple yet fully customisable notifications.

21. Notifyme

http://brunodsgn.github.io/notifyme/

notifyMe is a simple plugin created for fun and learning for fixed notifications in pages. He works when a button is clicked, errors, validations, info and everything you want.

22. Notific 8

https://github.com/ralivue/jquery-notific8

Notific8 is a notification plug-in inspired by the notifications introduced in Windows 8 with some web ready restyling and customizations. Notific8 has built in themes and is easy to create new themes for. The plug-in was born from a want for a simply designed yet modern and stylish notification system. The plug-in is also designed to scale based on the page’s font-size setting (it was designed for the default of 100%/16px as the default).

23. KiNotice

http://ghita.org/jquery/kinotice

KiNotice is a simple jquery plugin for creating beautiful notifciations for your web applications.

24. iosOverlay.js

http://taitems.github.io/iOS-Overlay/

iosOverlay.js is iOS-style overlays/notifications for the web. It has been tested on IE7+, Google Chrome, Firefox, Opera, Desktop Safari, Mobile Safari — iPhone & iPad. To prevent icon flickers as they load, you have to preload image resources. Spin.js is required if you want to use a spinner object. And jQuery is required for a fallback CSS animation support.

25. Sweet Alert

http://tristanedwards.me/sweetalert

Sweet Alert is a beautiful replacement for JavaScript Alert. SweetAlert automatically centers itself on the page and looks great no matter if you’re using a desktop computer, mobile or tablet. It’s even highly customizeable.


赞(52) 打赏
未经允许不得转载:优客志 » 前端设计
分享到:

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏