HTML OnMouseOver auf Text ändern
Dynamischer HTML-Text in Webseiten erfolgt oft durch die Integration von JavaScript zu programmieren. HTML‑Elemente bieten Ereignisparameter wie OnClick, Onmouseover, OnKeyPress. Diese Parameter akzeptieren eine JavaScript-Funktion als Wert. Ändern Sie den Text auf Ihren Webseiten, wenn Ihre Benutzer den Cursor darüber bewegt, indem Sie die Onmouseover Parameter im-Tag definieren Ihren Text.
Anweisungen
1 Öffnen Sie das Dokument, das den Text enthält, den Sie ändern möchten.
2 Geben Sie einen Span-Tag um den wechselnden Textteil:
< p > < span > möchte ändern Sie diesen Text < / span > auf Mouseover. </p >
3 Typ der Onmouseover-Kodierung mit einer Funktion, die Sie definieren:
< p > ich möchte < span onmouseover="changeText(this)" > ändern Sie diesen Text < / span > auf Mouseover. </p >
Der Funktionswert sendet "Dies" Tag-Objekt an die Funktion.
4 Erstellen Sie die JavaScript-Funktion, die den Text ändert, und platzieren Sie es über das Ende "< / Head >" Tag. Es ist nicht unbedingt notwendig, um es in den "< Head >" Tags zu platzieren, aber es muss oberhalb der Daten, die die Funktion aufruft:
< Skript >
Funktion changeText(theTag) {}
theTag.innerHTML = "CHANGE THIS TEXT";
}
< / script >
Die InnerHTML-Methode erkennt Daten innerhalb eines Elements, in diesem Fall den Text innerhalb der Span-Tag.
5 Speichern Sie das Dokument, und testen Sie es in einem Webbrowser. Die Teil-Textänderungen in Großbuchstaben umwandeln, wenn die Maus darüber bewegt wird.