Comment puis-je obtenir le menu principal AJAX de StackOverflow?

Question

Vous savez, le menu qui apparaît lorsque vous arrivez sur le site et vous pouvez cliquer sur le «x» à droite pour le supprimer. Quelle technologie est-ce (je suppose AJAX) et quels termes dois-je rechercher pour l'utiliser?

Answer 1

Voici le code de le faire avec JQuery.

Html:

<div id="message_box"> 
    <img id="close_message" style="float:right;cursor:pointer" src="12-em-cross.png" /> 
    The floating message goes here 
</div> 

<div> 
    .............. 
    other content goes here 
    .................. 
</div> 

CSS:

#message_box { 
position: absolute; 
top: 0; left: 0; 
z-index: 10; 
background:#ffc; 
padding:5px; 
border:1px solid #CCCCCC; 
text-align:center; 
font-weight:bold; 
width:99%; 
} 

JQuery (javascript):

$(window).scroll(function() 
{ 
    $('#message_box').animate({top:$(window).scrollTop()+"px" },{queue: false, duration: 350}); 
}); 

//when the close button at right corner of the message box is clicked 
$('#close_message').click(function() 
{ 
    //the messagebox gets scrool down with top property and gets hidden with zero opacity 
    $('#message_box').animate({ top:"+=15px",opacity:0 }, "slow"); 
}); 

Vous pouvez voir un Live Demo here.

Résultat:

alt text http://clip2net.com/clip/m12122/1247620668-clip-5kb.png

Answer 2

Regardez dans jQuery.

Comme une note de côté, cette boîte est en réalité statique si vous ne disposez pas des scripts activés, il est donc pas AJAX, juste les scripts DOM.

Answer 3

Je sais qu'il a été mis en œuvre par l'intermédiaire jQuery, mais je ne suis pas sûr quel plugin ils ont utilisé ou comment il est configuré.