Zellenfarbe bei Mouseover ändern

Wenn Sie eine Website entwickeln und eine Tabelle zum Anzeigen von Informationen, z. B. Kalender, Zeitplan oder andere Diagramm aufnehmen möchten, kann es Ihren Besuchern helfen, wenn Sie eine oder mehrere Zellen eine bestimmten Mouseover Hintergrundfarbe hinzufügen. Auf diese Weise wird die Zelle hervorgehoben werden, wenn der Benutzer seine oder ihre Maus über den Inhalt und Hilfe Fokus seine oder ihre Aufmerksamkeit auf den Inhalt dieser spezifischen Zelle bewegt. Des Besuchers Maus die Zelle liegt, kann die Hintergrundfarbe auf den Standardwert zurückgesetzt.

Anweisungen

1 Starten Sie einen HTML-Editor wie z. B. CoffeeCup Free HTML Editor oder Notepad auf Ihrem Computer.

2 Öffnen Sie das Menü "Datei" und wählen Sie "Öffnen", um die Webseite zu suchen, die die Zelle enthält, mit der Sie arbeiten möchten.

3 Bildlauf, bis Sie die spezifische Zelle finden, die Sie bearbeiten möchten. Es machen wie folgt aussehen:

< td > Zelleninhalt hier </td >

4 Fügen Sie den Mouseover-Code in die Öffnung TD-Tags Mouseover und Mouseout Farben anzugeben:

< td onmouseover="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor='#fff'" > Content hier </TD

5 Ändern Sie "blau", die Farbnamen oder hex-Code (z.B. "#0000FF" regulären blau ist), der Farbe, die Sie auf Mouseover angezeigt werden soll. Ändern Sie "weiß" in der Farbe den Hintergrund wieder zu, wenn der Benutzer seine Maus Weg der Inhalt bewegt werden soll.

6 Öffnen Sie das Menü "Datei" und wählen Sie "Speichern", wenn die Seite fertig.

Tipps & Warnungen

• Vielleicht möchten die Onmouseover Farbe auf die gleiche Farbe wie die Webseite oder Tabellenhintergrund festgelegt.