Twitter comme message d'état à l'aide jquery

J'utilise cette jquery fonction javascript pour afficher un message d'état,Twitter comme message d'état à l'aide jquery

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

et mon 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; 
}

Je reçois mon message d'état, mais ce qu'il fait, il insère un div dans la balise body à la place je veux que le message à afficher hors du corps (z index) exactement comme twitter (c'est-à-dire) flux juste mon message de haut et le cacher ... Toute suggestion .... J'espère que vous avez mon question ..

Source

2010-06-18 Chendur Pandian

Voulez-vous quelque chose comme ça?

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

Si vous téléchargez le plugin que vous pouvez changer la vitesse du fade in/out en modifiant les lignes 28 (pour fade in) et 39 (pour la fin) de fast à slow

par exemple

ligne 28 _wrap_bar.append(_message_span).append(_remove_cross).hide().insertBefore($('.content')).fadeIn('slow');

ligne 39

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

Source

2010-06-18 07:05:23 codingbadger

exactement comme ça mais je veux donner un fondu/masquer à l'effet du haut ... –

@Pandiya Chendur - voir la réponse modifiée – codingbadger

vous ne pouvez pas insérer un élément avant la balise <body> - doit être au sein de votre contenu, vous devriez donc probablement un élément conteneur entourant tous les autres éléments que vous peut préfixer le message à

Source

2010-06-18 07:19:08 mportiz08

Twitter comme message d'état à l'aide jquery

Répondre

Questions connexes