Wie man einen horizontalen Bildlauf Ticker für RSS mit jQuery

Die jQuery-Programmiersprache verwendet Ajax asynchrone Informationen auf Ihrer Webseite angezeigt. Sie verwenden einen Ticker, sofortige Informationen anzuzeigen, die am unteren Rand eine RSS-Widget für Ihre Benutzer scrollt. Sie müssen downloaden und kopieren das LiScroll Ticker Add-on-Skript, um den Ticker auf Ihrer Seite beinhalten. Nachdem Sie das Skript einfügen, Sie machen ein HTML-Element, und geben Sie die Informationen, die Sie anzeigen möchten.

Anweisungen

1 Öffnen Sie einen Webbrowser, und laden Sie das LiScroll-Ticker-Skript. Speichern Sie das Skript in der JS-Verzeichnis in Ihrem Web-Projekt.

2 Öffnen Sie Ihren HTML-Editor, und öffnen Sie die Webseite, die Sie die Ticker-Informationen anzeigen möchten. Die HTML-Elemente für den Ticker zu erstellen. Der folgende Code erstellt ein HTML-Element zur Anzeige der Ticker-Daten:

< Ul Id = "ticker01" >< li >< a Href = "#" > Ihre Daten geht hier </a >< / li ></ul >

3 Das jQuery-Script Ihrer Seite hinzufügen. Fügen Sie die folgende Skriptdatei in den Head-Bereich Ihres HTML:

< Skript-Typ = "Text/Javascript" src="js/jquery.li-scroller.1.0.js" >

4 Fügen Sie den jQuery-Code zur Seite, um die Daten zu animieren. Fügen Sie folgenden Code auf Ihre Skripting-Abschnitt:

$(function() {}

$("ul#ticker01").liScroll();

});