Artikel ini menjelaskan metode JS untuk secara otomatis meningkatkan dan mengurangi tabel web. Bagikan untuk referensi Anda. Analisis spesifiknya adalah sebagai berikut:
Ini adalah kode efek tabel dinamis yang dipersonalisasi. Tabel di halaman web secara otomatis diperbesar atau dikurangi, dan terus berubah
Itu terutama menekankan peran tampilan
Salin kode sebagai berikut: <Html>
<head>
<title> JS Moving Table </iteme>
<Meta content = "text/html; charset = hz-gb-2312" http-equiv = content-type>
<tyle> .cellstyle {
Warna: #FFFFFF; Font-Family: Times; Ukuran font: 11pt; Font-Weight: Bold
}
A {
Warna: #FF0000; Dekorasi Teks: Tidak ada
}
A: Hover {
Warna: Dekorasi Teks: Garis bawah
}
</tyle>
<Bahasa skrip = javascript>
var i_bordercolor = 0
var i_bordercolorlight = 10
var i_bordercolordark = 20
var v_bordercolor = 1
var v_bordercolorlight = 1
var v_bordercolordark = 1
var textcolor = new array ()
TextColor [0] = "fffff"
TextColor [1] = "fff8f8"
TextColor [2] = "fff0f0"
TextColor [3] = "ffd8d8"
TextColor [4] = "ffd0d0"
TextColor [5] = "ffc8c8"
TextColor [6] = "ffc0c0"
TextColor [7] = "ffb8b8"
TextColor [8] = "ffb0b0"
TextColor [9] = "ffa8a8"
TextColor [10] = "ffa0a0"
TextColor [11] = "FF9898"
TextColor [12] = "FF9090"
TextColor [13] = "FF8888"
TextColor [14] = "FF8080"
TextColor [15] = "FF7878"
TextColor [16] = "FF7070"
TextColor [17] = "FF6868"
TextColor [18] = "FF6060"
TextColor [19] = "FF5858"
TextColor [20] = "FF5050"
TextColor [21] = "FF4848"
TextColor [22] = "FF4040"
TextColor [23] = "FF3838"
TextColor [24] = "FF3030"
TextColor [25] = "FF2828"
TextColor [26] = "FF2020"
TextColor [27] = "FF1818"
TextColor [28] = "FF1010"
TextColor [29] = "FF0808"
TextColor [30] = "FF0000"
function checkbrowser () {
if (document.layers) {
Peringatan ("Skrip ini membutuhkan Internet Explorer 4 atau lebih tinggi. Maaf orang!")
}
if (document.all) {
BorderColor ()
}
}
function bordercolor () {
if (i_bordercolor> = textcolor.length-1) {v_bordercolor*=-1}
if (i_bordercolor <= 0) {v_bordercolor*=-1}
if (i_bordercolordark> = textcolor.length-1) {v_bordercolordark*=-1}
if (i_bordercolordark <= 0) {v_bordercolordark*=-1}
if (i_bordercolorlight> = textcolor.length-1) {v_bordercolorlight*=-1}
if (i_bordercolorlight <= 0) {v_bordercolorlight*=-1}
document.all.cellone.bordercolor = textColor [i_bordercolor]
document.all.cellone.bordercolordark = textcolor [i_bordercolordark]
document.all.cellone.bordercolorlight = textColor [i_bordercolorlight]
document.all.cellone.border = i_bordercolorlight*2
I_BORDERCOLOR+= V_BORDERCOLOR
I_BORDERCOLORDARK+= V_BORDERCOLORDARK
i_bordercolorlight+= v_bordercolorlight
var timer = setTimeout ("bordercolor ()", 100)
}
</script>
<Meta content = "Microsoft FrontPage 4.0" Name = Generator> </head>
<Latar belakang body = "" bgcolor =#ffffff onload = checkbrowser ()>
<P align = center>
<Border Tabel = 0 CellPadding = 6 ID = Lebar CellOne = 540>
<tbody>
<tr>
<Td align = kelas menengah = cellStyle>
<font color = "#800000"> // www.vevb.com </font>
</tr> </tbody>
</boable>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.