jQuery CSS3 Notifications

preview

Great looking CSS3 notifications in a lightweight script with an easy to use api. Perfect for your next web app

Usage

//Initialize the simple notifications plugin:

      //Use default options:
      var notifications = $('body').ttwSimpleNotifications();

      //Use custom options:
      var notifications = $('body').ttwSimpleNotifications({
            position:'bottom right',
            autoHide:true,
            autoHideDelay:3000,
            clickCallback:function(){
               //some callback function
            },
            showCallback:null,
            hideCallback:null
        });
//Call desired plugin methods:

       //A simple notification with no options:
       notifications.show('codebasehero.com rocks my socks off');

       //A notification with html and an icon:
       notifications.show({msg:'Make sure to bookmark Codebase Hero and check back often', icon:'images/icon.png'});

       //A notification that overrides the default options:
       notifications.show({msg:'Don\'t forget to check out my Premium Files', icon:'images/icon.png', autoHide:false});

       //Closing a notification programatically::
       var thisNotif = notifications.show('Yeah, I know I'm awesome :) ');
       thisNotif.hide();

       //Get a handle to the active notifications array:
       var actives = notifications.notifications;

10 Comments

Got something to say? Feel free, I want to hear from you! Leave a Comment

  1. Nadish says:

    Dear sir!!

    This archive is corrupt.. kindly check it out…

    Thanx

  2. skorpyo says:

    I get a weird style output. Its bigger and goes under the website’s design…some how…

    here’s a small shot of the problem:

    I know you probably won’t give support, but isn’t there a chance you could help a bit?! Please?

  3. Dear says:

    how to integrate it in socialengine 4 ?

    • Saleem says: (Author)

      Sorry. These freebies do not come with any support. The included documentation will help you get it running on a standard webpage and then you will have to extrapolate from there…

  4. thanks for the nice post, I will visit your blog ,thanks for kind efforts and nice sharing

  5. Domincianstan says:

    Is there a way to use this in .php??

  6. Ugwu says:

    This is awesome! I tot it was absolutely fantastic.

  7. Dainel Vera says:

    Im very confuse, im a just learning, show do i activate the message to apear. thanks

Leave a Comment

Let us know your thoughts on this post but remember to place nicely folks!