Twitter, как сообщение о состоянии с использованием jquery - PullRequest
Новая
       68

Twitter, как сообщение о состоянии с использованием jquery

1 голос
/ 18 июня 2010

Я использую эту функцию jquery javascript для отображения сообщения о состоянии, 

function topBar(message) {
  $("<div />", { 'class': 'topbar', text: message }).hide().prependTo("body")
      .slideDown('fast').delay(4000).slideUp(function() { $(this).remove(); });
}

и мой css: 

.topbar { 
    background: #476275; 
    border-bottom: solid 2px #EEE; 
    padding: 3px 0; 
    text-align: center; 
    color: white;
    font-family:Arial,Helvetica,sans-serif;
    font-size:135%;
    font-weight:bold;
}​

Я получаю свое сообщение о статусе, но вместо этого оно вставляет div в тег body, вместо этого я хочу, чтобы сообщение отображалось вне тела (z index) точно так же, как в твиттере (то есть), просто передавало мое сообщение сверху и скрывало это ... Любое предложение .... Надеюсь, вы получили мой вопрос ..

Ответы [ 2 ]

3 голосов
/ 18 июня 2010

Хочешь что-нибудь подобное?

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

Если вы загрузите плагин, вы можете изменить скорость постепенного исчезновения, изменив строки 28 (для постепенного появления) и 39 (для постепенного исчезновения) с fast до slow

1010 * например *

строка 28 _wrap_bar.append(_message_span).append(_remove_cross).hide().insertBefore($('.content')).fadeIn('slow');

строка 39

$('.jbar').fadeOut('slow',function(){

0 голосов
/ 18 июня 2010

Вы не можете вставить элемент перед тегом <body> - ваш контент должен быть внутри него, поэтому у вас, вероятно, должен быть элемент контейнера, окружающий все другие элементы, к которым вы можете добавить сообщение к

...