Text auf ein Rollover ändern

April 7

Text auf ein Rollover ändern

Dynamische Website-Features, z. B. Text Rollover, ermöglichen Sie eine interessante Website zu erstellen, die hilft Besuchern zurück zu halten. Eine Text Rollover verwendet Web Browser Technologie ändern Sie markierten Text als den Mauscursor bewegt sich über den Text. Der Code zum Erstellen von Rollover-Effekten gehören HTML und JavaScript. HTML ist eine Seitenbeschreibungssprache, die Ihnen ermöglicht, die Struktur und Darstellung einer Webseite zu steuern, und JavaScript ist eine Skriptsprache, mit der Sie Programme schreiben, die im Webbrowser laufen.

Anweisungen

Ändern von Text auf einem Rollover

1 Öffnen Sie einen Text-Editor wie Notepad, wenn Ihr Computer das Betriebssystem Microsoft Windows ist. Der Editor, den Sie verwenden, muss ein Dokument im nur-Text-Format speichern können.

2 Geben Sie den folgenden Text, der ein grundlegendes HTML-Dokument in Ihrem Text Editor erstellt:

< html >

< Head >

< Titel >< / title >

< / head >

< Körper >

< / body >

< / html >

3 Fügen Sie den Cursor zwischen "< Titel >" und "< / title >, und geben Sie"Rollover Beispiel." Diese Zeile sollte wie folgt aussehen:

< Title > Rollover Beispiel < / title >

"Rollover Beispiel" ist der Titel des Dokuments, die oben im Browser-Fenster angezeigt wird, wenn Sie die HTML-Datei in einem Browser wie Internet Explorer oder Firefox öffnen.

4 Positionieren Sie den Cursor am Ende der Zeile mit der "< Körper >", "Enter" drücken, und geben Sie den folgenden HTML und JavaScript-Code, der die Rollover Text erstellt:

< span

onmouseover="this.innerHTML='Rollover';"

onmouseout="this.innerHTML='Normal';"

Normale < / Span >

Dieser Code bewirkt, dass den Browser das Wort "Normal" angezeigt wird, wenn die Web-Seite wird geöffnet. Der Code bewirkt auch den Browser, das Wort, "Rollover" angezeigt, wenn der Mauszeiger über den Text--bewegt ändern und ändern Sie es wieder auf "Normal", wenn der Mauszeiger bewegt wird, Weg von den Text.

5 Speichern Sie das Dokument als HTML-Datei in einen Ordner auf Ihrem Computer. Sie müssen einschließen ".htm" oder ".html" am Ende des Dateinamens, lassen Ihren Computer wissen, dass die Datei eine HTML-Datei ist. Wenn Sie dies nicht tun, wird Ihr Browser die Datei nicht korrekt angezeigt. Beispielsweise können Sie die Datei "Rollover.htm" oder "Rollover.html." nennen.

6 Öffnen Sie einen Web-Browser auf Ihrem Computer.

7 Öffnen Sie die HTML-Datei, die Sie im Web-Browser erstellt.

8 Bewegen Sie den Mauszeiger über das Wort "Normal", um es zu verursachen, zu "Rollover" ändern und dann den Cursor weg von dem Wort zu ändern in "Normal" sehen