Lorsque vous gagnez un badge sur SO, une barre avec des informations apparaît en haut. Cela ressemble à jQuery, mais comment est-il réellement mis en œuvre?Comment fonctionnent les barres d'informations, comme celle qui apparaît dans stackoverflow lorsque vous gagnez un badge?
3
A
Répondre
3
Vérifiez ceci: GROWL
Si vous codez une amende, css simple, vous pouvez facilement faire un sosie stackoverflow sans programmation.
3
Je viens d'utiliser un div qui est caché et a une marge supérieure égale à la hauteur de la barre d'information jusqu'à ce que je veux le déclencher. Ensuite, je viens d'animer le show de jQuery et animate() pour changer le margin-top à 0. Alternativement, vous pourriez juste l'avoir caché et utiliser slideDown(), mais je préfère l'effet animate() plus.
Questions connexes
- 1. jQuery bulle comme celle sur stackoverflow?
- 2. Comment puis-je faire quelque chose de similaire à cette barre sympa sur le dessus de stackoverflow qui apparaît lorsque vous obtenez un nouveau badge?
- 3. Développer l'API de chat comme celle de Stackoverflow
- 4. Vous avez recherché des tags comme stackoverflow?
- 5. Comment créer une fenêtre comme l'application de messagerie qui apparaît
- 6. JavaScript Apparaît dans IE?
- 7. Comment afficher un message contextuel comme dans Stackoverflow
- 8. Comment créer une boîte de dialogue modale comme lorsque vous essayez de voter sur stackoverflow?
- 9. Comment faire une fenêtre d'avertissement comme stackoverflow lorsque vous fermez la fenêtre d'édition?
- 10. Points système comme stackoverflow
- 11. Woot-badge comme en PHP
- 12. ajouter un commentaire comme wordpress stackoverflow
- 13. Cache comme stackoverflow
- 14. Les signets qui fonctionnent avec les cadres?
- 15. Zoomer les événements qui fonctionnent dans un android Mapview
- 16. Les raccourcis clavier ne fonctionnent pas lorsque vous ajoutez un formulaire à un panneau C#
- 17. comment faire une navigation comme celle
- 18. Comment créer un système de vote Up/Down comme stackoverflow?
- 19. Barres de défilement Autohide lorsque vous ne faites pas défiler dans un ListView
- 20. Produire des messages « toast » comme StackOverflow
- 21. Comment fonctionnent les chaînes lorsque vous copiez quelque chose en C#?
- 22. Quelle est cette zone dans JavaScript qui est plus axée sur celle de Apple? (Lien fourni)
- 23. Comment créer un badge d'icône de notification sur les applications Android (comme l'iPhone)
- 24. Ouverture de la fenêtre dans la nouvelle fenêtre IE lorsque vous avez une fonction comme celle-ci
- 25. Comment trouver les notices avec les tags les plus courants, comme les questions associées dans StackOverflow
- 26. Lorsque vous définissez une classe comme interne, définissez-vous généralement les champs publics comme internes?
- 27. Comment écrivez-vous Valid XHTML 1.0 Strict code lorsque vous utilisez javascript pour remplir un élément qui nécessite un enfant?
- 28. Comment faire une implémentation OpenId comme dans stackoverflow
- 29. NSOutlineView avec un badge de messages non lus comme Mail.app
- 30. Comment fonctionnent les logiciels comme les dossiers cachés ou truecrypt?
Cliquez avec le bouton droit de la souris sur le navigateur et choisissez * Afficher la source *? – BalusC
La réaction réflexe serait de déplacer ceci à méta, mais je pense que c'est une question de programmation, pas une question à propos de SO * per se *, n'est-ce pas? –
@ T.J. - Je suis enclin à lui donner le bénéfice du doute mais je crains que les autres ne le fassent pas. –