How can show closeable <div> in the top of the page

Question

How can show closeable in the top of the page like stackoverflow new answers. im using asp.net

Answer 1

Stackoverflow uses Javascript with the JQuery library to create this.

Answer 2

Do you mean the notification bar? If so, there is a nice demo and code snippet here.

http://tympanus.net/codrops/2009/10/29/jbar-a-jquery-notification-plugin/

Answer 3

Here are a few jQuery imlpementations of the effect you looking for:

• Slide Toggle
• Slide Down
• Hide
• Queue

You will have to build on these.

Answer 4

It's really pretty simple - there's a div, with a control in it (an anchor I imagine) with a click event bound to it which removes the parent item from the DOM. Something like this

 <!-- html -->
 <div id="warning"><a href="#" class='close'>[X]</a></div>

And then some event goodness:

$(document).ready(function() {
    $('.close').bind('click', function(e) {
         $(this).parent.remove();
    });
});

and you're pretty much done. Add salt and CSS to taste.