formulário de processamento JS
1. Exibição do intervalo de cor da linha
Estilo CSS: dois seletores
A cópia do código é a seguinte:
<style type = "text/css">
.um{
Background-Color:#33FFCC;
}
.dois{
Backgound-Color:#ffff66;
}
</style>
<script type = "text/javascript">
função trcolor ()
// A cor da linha de intervalo de controle é exibida de maneira diferente
{
var tabnode = document.getElementsByTagName ("tabela") [0];
// Obtenha o nó da tabela
var trs = tabnode.rows;
// Obtenha todas as linhas na tabela
for (var x = 1; x <trs.Length; x ++)
{
if (x%2 == 1)
trs [x] .className = "One";
outro
trs [x] .className = "dois";
}
}
// Use o método Onload, depois que a página da Web for carregada, execute o método TRColor para realizar a cor das linhas espaçadas da tabela.
window.onload = function ()
{
trcolor ();
}
</script>
2. Mova o mouse para uma certa linha, altere a linha e ilumine a cor e depois afaste -a para restaurar a cor original.
A cópia do código é a seguinte:
<style type = "text/css">
.sobre{
Background-Color: ## 00FF00;
}
<estilo>
<script type = "text/javascript">
Var Nome;
função trmouse ()
{
var tabnode = document.getEletsByTagName ("tabela") [0];
// Através de um loop, adicione os atributos OnMouseOver e OnMouseOut para cada tag TR
for (var x = 0; x <trs [x] .Length; x ++)
{
trs [x] .onMouseOver = function ()
{
nome = this.className;
this.className = "over";
}
tes [x] .onmouseout = function ()
{
this.className = nome;
}
}
}
</script>