Wie ein HTML-Titelleiste Highlight Tabelle

December 5

Einige Webdesigner verwenden Tabellen als Seitenkopfzeilen auf HTML-Seiten. Das Ereignis "Onmouseover" können Sie den Tabellenkopf hervorgehoben wird, wenn der Benutzer die Maus über den Tisch bewegt. Sie müssen die Hintergrundfarbe ändern, wenn der Mauszeiger über der Tabelle befindet und die Farbe wieder auf die ursprüngliche Farbe ändern, wenn die Maus, Weg von der Tabelleninhalt bewegt. Die dynamischen Effekte werden in der JavaScript-Sprache geschrieben.

Anweisungen

1 Rechtsklicken Sie auf die HTML-Datei und wählen Sie "Öffnen mit". Doppelklicken Sie auf Ihrem bevorzugten HTML-Editor, um den Code zu laden.

2 Scrollen Sie das Table-Tag und den Inhalt. Fügen Sie den folgenden Code, um die Farbe zu ändern, wenn Sie die Maus über den Header:

onmouseover="this.BgColor='#ffffff'"

Ändern Sie den hexadezimalen Farbcode auf alle gültigen HTML-Farbcode. In diesem Beispiel ist die Hoverfarbe weiß.

3 Ändern Sie die Farbe wieder auf die ursprüngliche Hintergrundfarbe, wenn die Maus, entfernt den Header bewegt. Der folgende Code ändert Hintergrund zurück in schwarz:

onMouseout="this.bgColor='#000000'"

Der obige Code ändert die Hintergrundfarbe wieder in schwarz.

4 Speichern Sie die Änderungen, und öffnen Sie den Code in Ihrem Web-Browser. Bewegen Sie die Maus über die Tabelle, um die Änderungen zu testen.