Beautiful Nag Screen using JQuery & CSS3

By nitin on March 16, 2010

Yesterday I wrote about a beautiful implementation for nag screen using mootools and CSS3. Thanks for all of my visitor for showing interest in it.

Considering requests from some of the users, I have also worked on its jQuery version. In jQuery version I have also tried to remove the bugs pointed out by one of the user.

The new jQuery version also have following improvements:

Close button can be used to close nag screen
Now the whole text doesn’t jumps when nag screen sticks to top

thanks “Seeker” for pointing out these bugs.

Head over to Demo and download the source for this page.

Demo of Nag Screen

Download Nag Screen Code

Be sure to check out the MooTools version.

If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.

5 responses to “Beautiful Nag Screen using JQuery & CSS3”

Beautiful Nag Screen using Mootools & CSS3 | The Code Dreamer : Nitin Hayaran
March 16, 2010 at 9:53 pm | Permalink | Reply

[...] sure to check out the jQuery version. tweetmeme_url = "http://www.nitinh.com/2010/03/beautiful-nag-screen-using-mootools-css3/"; [...]
Navarr
March 16, 2010 at 10:44 pm | Permalink | Reply

Now THIS one works in Chrome
Atul Kash
March 17, 2010 at 2:58 am | Permalink | Reply

Not a big mootools fan so this one’s for me!
hemoroid
June 20, 2010 at 11:57 pm | Permalink | Reply

i love jQuery
Joezer
August 17, 2010 at 11:30 am | Permalink | Reply

How do I remove the close button?

And is there a possibility that I can place the nag screen below? not at the top?