effet flash avec jquery

Je veux fadeIn et fadeout fond d'écran-couleur à l'aide de jQuery, j'ai essayé le code ci-dessous, C'est affecter le div contenu , j'ai besoin d'ajouter un effet de flash seulement pour fond d'écran-couleur.

   $('.countbox').css("background-color","#FF0000").fadeIn("fast").delay(800)
    .fadeout("fast");
<div class="countbox">checkout</div>

J'ai essayé aussi mais ça ne marche pas!

$('.countbox').css("background-color","#FF0000").fadeIn("fast").delay(800).css("background-color","#FFFFFF");

Quel est le problème, quelqu'un peut m'aider !

Modifier

oups!
ma réponse n'est pas appliqué à toutes les fenêtres. Dont l'un seulement de donner effet flash pour la fenêtre en cours, mais j'ai besoin d'obtenir l'effet de flash pour toutes les fenêtres.
par exemple :-
Quand je clique sur le bouton, il devrait me donner effet flash pour les div pour toutes les fenêtres, exactement comme dans ce site web.

source d'informationauteur Gowri

jquery jquery-animate

5

pour ce faire, dans des fenêtres distinctes que vous avez à les mentionner dans vos commentaires, vous aurez besoin d'avoir une sorte de publication vers un serveur de signal quand cela se produira.

l'extension de omerkirk de la réponse (qui est la bonne façon de faire de l'OMI).

faire un setInterval(function(){.get();}); que periodicially obtient des informations de certains serveur d'arrière-plan qui stocke l'état actuel (par utilisateur sans doute...). Lorsque l'état actuel des changements, vous ne le .animate(); sur la fenêtre de l'arrière-plan pour l'adapter au serveur d'arrière-plan...

Cela peut devenir très délicate et problématique si vous avez de multiples "conduire" windows au lieu d'un seul maître et la fenêtre de client x...

Vraiment c'est une mauvaise idée de l'OMI...
1

Envisager DrJokePu de répondre à
jQuery animate backgroundColor
1

Réponse mis à jour en fonction des commentaires

Cela va être un peu plus de travail que vous avez sans doute voulu qu'il soit. Vous aurez besoin d'une base de données avec 2 tables. Table tiendra des sessions actives Id et le tableau 2 tiendra messages:
```
tblSessions
   ID            Int
   LastSeen      DateTime
   SessionID     Varchar(255)

tblMessages
   ID            Int
   Timestamp     DateTime
   SessionID     Varchar(255)
   Message       Varchar(255)
```
Quand un visiteur arrive sur votre page, vous devez vérifier si le visiteur a un ID de session. Si le visiteur a un ID de session déjà, la mise à jour de la LastSeen colonne dans la tblSessions table. Si le visiteur n'a pas besoin d'un ID de session, d'attribuer et de l'ajouter à la tblSessions table. Ce code doit être exécuté sur toutes vos pages lorsqu'ils sont chargés.

Vous aurez besoin pour exécuter une requête sur la table de base de données tblSessions pour supprimer toutes les entrées qui ont un LastSeen de plus que certaines valeurs de X temps. La valeur de X doit être de 5 min. Cette requête peut être exécutée en haut de chaque chargement de la page, ou dans un serveur backend processus.

Maintenant, quand vous le souhaitez à flash tous les écrans, vous devez ajouter une entrée dans tblMessages pour chaque entrée dans tblSessions. Définir la Timestamp à la fois que vous envoyez le message, et de définir Message "flash".

Sur les navigateurs côté en javascript, l'installation d'une fonction avec interrogation setInterval. Dans votre bureau de vote les fonctions de l'appel d'un script ajax pour un serveur côté de la page pour retourner tout les messages. Ce serveur de script côté doit interroger le tblMessages pour toutes les entrées pour l'ID de session en cours et de les transmettre en retour. Il convient également de supprimer les entrées de la table.

De retour dans votre javascript bureaux de fonction, vous pouvez vérifier le "Flash" message et le flash de l'écran. Le plus fréquemment, les bureaux de fonction est appelé le plus en temps réel votre visiteur sera, mais plus d'une charge, mais sur votre serveur.

Tout comme avec la tbleSessions table, vous souhaitez supprimer les anciennes entrées de la tblMessages table si elles sont plus de dire X +1 min de temps ou vous obtiendrez des résultats dans le tableau qui peuvent provoquer des problèmes sur la route.

Donc.. Ce sera le flash de l'écran pour tous les visiteurs de votre page, à peu près au même moment. Je dis à peu près parce qu'il n'y a aucun moyen de flash à exactement le même temps avec le réseau de lag et tout le monde l'interrogation, au temps légèrement différents.... Bien pas facile en tout cas.
1

C'est une réponse tardive, j'ai trouvé votre post en essayant de trouver mon propre projet ^^, j'ai développé, il y a un moment, un plugin jQuery qui fait exactement ce que vous voulez faire.

Il est très facile à utiliser:
```
$("selector").flash()
```
Bien sûr, il ya de configuration possible.

Vérifier la démo et n'hésitez pas à utiliser/fourche.

https://github.com/MarechJ/jQuery.flash
0

Vous ne pouvez pas animer background-color's opacity. Vous pouvez animer sa couleur.

Vérifiez ce plugin.
0

Cela fonctionne pour moi, sans aucun plugin
```
$('.countbox').css("background-color","#FF0000");
setTimeout(function() { $('.countbox').css("background-color","#FFFFFF"); },800);
```
nous pouvons également couleur continue à clignoter à l'aide de setInterval avec créé aléatoirement les couleurs à l'intérieur de cette méthode .
0

Cela devrait fonctionner. Jquery a une fonction animate de son propre, vous n'avez pas à utiliser un plugin.
```
$(".countbox").animate({backgroundColor: "#ff0000"}, 1000);
```
Ce doit animer votre couleur d'arrière-plan à partir de sa valeur initiale à #ff0000 à 1000 ms(1 seconde). Je pense que vous devriez inclure dans l'animation d'un package à partir de jQueryUI.

Espère que cela aide
0

est-ce que vous cherchez? Veuillez voir la démo:

http://jsfiddle.net/naveed_ahmad/GbvGU/
0

Pour flash l'arrière-plan sur le client (navigateur), vous pouvez utiliser jquery .animate(). Vous pourrez l'utiliser sur le rappel ou comme une fonction lorsqu'il a à flash.
Comme vous voulez le flash à arriver de partout sur l'Internet que vous aurez besoin pour exécuter cette animation sur tous les navigateurs ouverts. Il y a 2 façons de le faire.
1. définir un délai d'attente sur le client
  va vérifier les données du serveur si
  il devrait flash, ou pas. les bas-côtés de
  faire cela est que vous devez sondage
  assez souvent si vous voulez "presque
  de vivre" des données, et le flash ne sera pas
  arriver en même temps pour
  tout le monde.
2. vous monter un serveur côté de rappel, qui informera tous ouvrir les clients à flashlorsque les données ont changé, mais vous ne serez pas en mesure de le faire sans le côté serveur de la logique. pour ce faire avec ASP.NET des Pages Web à lire ce http://msdn.microsoft.com/en-us/library/ms178208.aspx

Vous devez vous connecter pour publier un commentaire.