Le défilement du fichier journal (tail-f) animation à l'aide de javascript
J'aimerais créer une animation sur un site web pour imiter un défilement de fichier journal ou tail-f. J'avais nourrir une liste de faux messages de journal et ils seraient écrits sur le bas de la div et faites défiler vers le haut et hors de la partie supérieure comme les nouveaux messages sont affichés et la boucle autour de. Il a besoin pour paraître authentiques, blanc sur noir à l'aide d'une largeur fixe de la police etc.
Personne ne sait de toute javascript ou jQuery bibliothèques qui pourrait m'aider? Je suis débutant en javascript, donc, tous les conseils sur la façon d'aborder ce serait bien apprécié.
OriginalL'auteur Michelle | 2011-11-22
Vous devez vous connecter pour publier un commentaire.
Ici est une excellente solution
Il utilise une requête ajax, et le HTTP Portée: en-tête de demande seulement la dernière ~30KO d'un fichier journal. Puis, il les sondages pour les données ajoutées à ce fichier, et n'a jamais récupère de nouvelles données (pas d'actualisation de l'ensemble du fichier, ou même le dernier de 30 ko). Poignées de troncature de fichier trop.
https://github.com/ukhas/js-logtail#readme
OriginalL'auteur techarch
J'ai mis à jour Manuel van Rijn du script pour inclure une minuterie et d'un interrupteur à bascule, avec quelques changements mineurs pour les lignes du journal. espérons que cette aide.
http://jsfiddle.net/5rLw3LoL/
html:
js:
css: (important pour la mise en forme)
OriginalL'auteur user4675296
Ceci peut être réalisé avec CSS en basculant simplement l'intérieur et l'extérieur du conteneur à l'aide de
transform: rotateX(180deg);
https://jsfiddle.net/tnrn6h59/2/Seul problème ici est que le défilement est également inversée, pas de problème pour mobile.
OriginalL'auteur TypingTurtle