jNotice Example

jNotice

jNotice is the plugin for you, if you like to use some nifty popup's on your websites or applications. This plugin is very customizable because you can select a div that you want to use as popup. In this div you can place whatever content you want.

Examples

Click on the links below to see some examples that i build with jNotice.

 

How to use

jNotice is very easy to use. You create a div with some content that you like to use as popup. Place this div just above the </body> tag. Now you include jQuery and the jNotice plugin and call you call $(".popup").jnotice({settings}) when the page is loaded. Where .popup is the class/id name that you set on you popup div.

The last thing you need to do is replace {settings} with the settings you want to use. Below you find a list of the possible settings.

Example of a configuration:

$().ready(function() {
$(".login_notice").jnotice({
openClickElement: '.open_popup',
toggleClickElement: '.toggle_popup',
closeClickElement: '.close_popup',
animation: "fade",
animationSpeed: 200,
autoClose: 5000,
position: "top",
openNow: false
});
}

CSS Reset

To create popups like the login an subscribe one this page it's best that you do a CSS reset. You can do that by adding the following lines to the top of your CSS stylesheet.

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,ol, li, dl, dt, dd, form, a, fieldset, input, th, td{
margin: 0;
padding: 0;
border: 0;
outline: none;
}

Subscribe to RSS
Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta Close est eligendi.
RSS feed
CMS Login
Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime.
jNotice
Show some nifty popups.