JS -Verarbeitungsformular
1. Anzeige für Linienfarbe Intervall
CSS -Stil: Zwei Selektoren
Die Codekopie lautet wie folgt:
<style type = "text/css">
.eins{
Hintergrundfarbe:#33ffcc;
}
.zwei{
BACKSURE-COLOR:#FFFF66;
}
</style>
<script type = "text/javaScript">
Funktion trcolor ()
// Die Farbe der Steuerungsintervalllinie wird anders angezeigt
{
var tabnode = document.getElementsByTagName ("Tabelle") [0];
// den Tischknoten erhalten
var trs = tabnode.rows;
// Holen Sie sich alle Zeilen in der Tabelle
für (var x = 1; x <trsgth; x ++)
{
if (x%2 == 1)
trs [x] .classname = "eins";
anders
TRS [x] .ClassName = "zwei";
}
}
// Verwenden Sie die Onload -Methode, nachdem die Webseite geladen wurde, die TRCOLOR -Methode, um die Farbe der verteilten Zeilen der Tabelle zu realisieren.
window.onload = function ()
{
trcolor ();
}
</script>
2. Bewegen Sie die Maus in eine bestimmte Linie, ändern Sie die Linie und erhellen Sie die Farbe und bewegen Sie sie dann weg, um die ursprüngliche Farbe wiederherzustellen.
Die Codekopie lautet wie folgt:
<style type = "text/css">
.über{
Hintergrundfarbe: ## 00ff00;
}
<Styles>
<script type = "text/javaScript">
var name;
Funktion trmouse ()
{
var tabnode = document.getEletsByTagName ("Tabelle") [0];
// über eine für die Schleife, fügen Sie jedem TR -Tag Onmouseover- und Onmouseout -Attribute hinzu
für (var x = 0; x <trs [x] .Length; x ++)
{
TRS [x] .onmouseover = function ())
{
name = this.className;
this.className = "Over";
}
tes [x] .onmouseout = function ())
{
this.className = name;
}
}
}
</script>