Как получить верхнее меню AJAX, которое есть в StackOverflow?

Question

Вы знаете, меню, которое появляется, когда вы попадаете на сайт, и вы можете нажать «х» справа, чтобы удалить его. Какая технология это (я полагаю, AJAX) и какие термины мне нужно искать, чтобы использовать это?

Answer 1

Вот код , чтобы сделать это с 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");
});

Вы можете посмотреть Live Demo здесь .

Результат:

Answer 2

Просмотр jQuery .

Как примечание: этот блок на самом деле статичен, если у вас не включены сценарии, поэтому это не AJAX, а только сценарии DOM.

Answer 3

Я знаю, что это было реализовано через jQuery, но я не уверен, какой плагин они использовали или как он настроен.