各种各样的弹框!

Datetime:2016-08-22 22:23:09          Topic: Bootstrap           Share

PNotify downloads come with the following files:

pnotify.custom.js or pnotify.custom.min.js (Minified)

pnotify.custom.css or pnotify.custom.min.css (Minified)

So here's how you'd include them on your page:

<script type="text/javascript" src="pnotify.custom.min.js"></script>
<link href="pnotify.custom.min.css" media="all" rel="stylesheet" type="text/css" />

You also need to include jQuery (1.6 or higher) and either Bootstrap CSS or a jQuery UI Theme. If you want to use jQuery UI effect animations, you also need to include the jQuery UI JavaScript.

Now you can use PNotify like this:

<script type="text/javascript">
$(function(){
    new PNotify({
        title: 'Regular Notice',
        text: 'Check me out! I\'m a notice.'
    });
});
</script>

If you are not using any UI library, you can use the included styling, called Bright Theme. It is the default.

If you are using Bootstrap version 3, include this line somewhere before your first notice:

PNotify.prototype.options.styling = "bootstrap3";

If you are using jQuery UI, include this line somewhere before your first notice:

PNotify.prototype.options.styling = "jqueryui";

If you are using Bootstrap 3 with Font Awesome, include this line somewhere before your first notice:

PNotify.prototype.options.styling = "fontawesome";

All of the demos on this page provide source code with the "See the source" dropdown,





About List