Ich möchte eine Animation auf einer Website erstellen, um eine scrollende Protokolldatei oder einen Tail -f nachzuahmen. Ich füttere es mit einer Liste von gefälschten Log-Nachrichten und sie würden auf den unteren Rand des Divs geschrieben werden und nach oben und von oben nach unten scrollen, wenn neue Nachrichten angezeigt werden und dann herumlaufen. Es muss authentisch aussehen, weiß auf schwarz mit einer Schriftart mit fester Breite etc.
Kennt jemand JavaScript oder jQuery-Bibliotheken, die mir dabei helfen könnten? Ich bin ein Anfänger mit Javascript, also würde jeder Rat, wie man sich diesem nähert, sehr geschätzt.
Hier ist eine großartige Lösung
Dies verwendet eine Ajax-Anfrage und der HTTP Range: Header, um nur die letzten ~ 30KB einer Log-Datei anzufordern. Es fragt dann nach Daten ab, die an diese Datei angehängt sind, und ruft immer nur neue Daten ab (keine Aktualisierung der gesamten Datei oder sogar der letzten 30 KB). Handles Dateiabkürzung auch.
Ich habe das Skript von Manuel van Rijn so aktualisiert, dass es einen Timer und einen Wechselschalter sowie einige kleinere Änderungen an den Protokollzeilen enthält. hoffe das hilft. Ссылка
html:
%Vor%js:
%Vor%css: (wichtig für die Formatierung)
%Vor% Dies kann mit CSS erreicht werden, indem Sie einfach den äußeren und inneren Container mit transform: rotateX(180deg); Ссылка
Einzige Ausnahme hier ist, dass der Bildlauf auch umgekehrt ist, kein Problem für mobile.
Tags und Links javascript jquery css