Formulir Pemrosesan JS
1. Tampilan interval warna garis
Gaya CSS: Dua Seleksi
Salinan kode adalah sebagai berikut:
<type style = "text/css">
.satu{
Latar Belakang-Color:#33FFCC;
}
.dua{
Backgound-color:#ffff66;
}
</tyle>
<type skrip = "Teks/JavaScript">
fungsi trcolor ()
// Warna garis interval kontrol ditampilkan secara berbeda
{
var tabnode = document.geteLementsByTagname ("Tabel") [0];
// Dapatkan node tabel
var trs = tabnode.rows;
// Dapatkan semua baris di tabel
untuk (var x = 1; x <trs.length; x ++)
{
if (x%2 == 1)
trs [x] .className = "satu";
kalau tidak
trs [x] .className = "dua";
}
}
// Gunakan metode onload, setelah halaman web dimuat, jalankan metode trcolor untuk mewujudkan warna baris spasi dari tabel.
window.onload = function ()
{
trcolor ();
}
</script>
2. Pindahkan mouse ke garis tertentu, ubah garis dan mencerahkan warna, dan kemudian memindahkannya untuk mengembalikan warna asli.
Salinan kode adalah sebagai berikut:
<type style = "text/css">
.lebih{
latar belakang-warna: ## 00ff00;
}
<tyle>
<type skrip = "Teks/JavaScript">
nama var;
fungsi trmouse ()
{
var tabnode = document.geteLetsByTagname ("tabel") [0];
// Melalui A untuk Loop, tambahkan atribut Onmouseover dan Onmouseout untuk setiap tag TR
untuk (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>