Formulaire de traitement JS
1. Affichage d'intervalle de couleur de ligne
Style CSS: deux sélecteurs
La copie de code est la suivante:
<style type = "text / css">
.un{
Color d'arrière-plan: # 33FFCC;
}
.deux{
Color de backgound: # ffff66;
}
</ style>
<script type = "text / javascript">
fonction trcolor ()
// La couleur de la ligne d'intervalle de contrôle est affichée différemment
{
var tabNode = document.getElementsByTagName ("Table") [0];
// Obtenez le nœud de table
var trrs = tabNode.Rows;
// obtient toutes les lignes dans le tableau
pour (var x = 1; x <tr.length; x ++)
{
si (x% 2 == 1)
trs [x] .classname = "one";
autre
trs [x] .classname = "deux";
}
}
// Utilisez la méthode Onload, une fois la page Web chargée, exécutez la méthode Trcolor pour réaliser la couleur des lignes espacées de la table.
window.onload = function ()
{
trcolor ();
}
</cript>
2. Déplacez la souris vers une certaine ligne, changez la ligne et égayez la couleur, puis éloignez-la pour restaurer la couleur d'origine.
La copie de code est la suivante:
<style type = "text / css">
.sur{
Color d'arrière-plan: ## 00FF00;
}
<style>
<script type = "text / javascript">
var name;
fonction trMouse ()
{
var tabNode = document.getEletsByTagName ("table") [0];
// via une boucle pour une boucle, ajoutez les attributs OnMouseOver et OnMouseout à chaque balise tr
pour (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;
}
}
}
</cript>