formulario de procesamiento JS
1. Visualización de intervalo de color de línea
Estilo CSS: dos selectores
La copia del código es la siguiente:
<style type = "text/css">
.uno{
Color de fondo:#33FFCC;
}
.dos{
color retroceso:#ffff66;
}
</style>
<script type = "text/javaScript">
función trcolor ()
// El color de la línea de intervalo de control se muestra de manera diferente
{
var tabnode = document.getElementsByTagName ("Tabla") [0];
// Obtener el nodo de tabla
var trs = tabnode.rows;
// consigue todas las filas en la mesa
para (var x = 1; x <trs.length; x ++)
{
if (x%2 == 1)
trs [x] .classname = "one";
demás
trs [x] .classname = "dos";
}
}
// Use el método de Onload, después de cargar la página web, ejecute el método Trcolor para realizar el color de las filas espaciadas de la tabla.
Window.Onload = function ()
{
trcolor ();
}
</script>
2. Mueva el mouse a una determinada línea, cambie la línea y ilumine el color, y luego muévalo para restaurar el color original.
La copia del código es la siguiente:
<style type = "text/css">
.encima{
Color de fondo: ## 00FF00;
}
<estilo>
<script type = "text/javaScript">
nombre var;
función trmouse ()
{
var tabnode = document.getEletsBytagName ("Tabla") [0];
// a través de un bucle for, agregue los atributos de mouseover y en mouseut a cada etiqueta TR
para (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>