Kaedah JS untuk merealisasikan pembesaran automatik dan pengurangan kemahiran web tables

Rumah

hujung hadapan web

tutorial js

Kaedah JS untuk merealisasikan pembesaran automatik dan pengurangan kemahiran web tables_javascript

May 16, 2016 pm 04:10 PM

js kaedah automatik

Contoh dalam artikel ini menerangkan kaedah membesarkan dan mengecilkan jadual web secara automatik menggunakan JS. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Ini ialah kod kesan jadual dinamik yang diperibadikan Jadual dalam halaman web secara automatik membesar atau mengecut dan sentiasa berubah
Ia digunakan terutamanya untuk menyerlahkan paparan

Salin kod Kod adalah seperti berikut:

<HTML>

<KEPALA>

<TITLE>js meja bergerak</TITLE>

<META content="text/html; charset=hz-gb-2312" http-equiv=Content-Type>

<GAYA>.gaya sel {

WARNA: #ffffff; FONT-FAMILY: Times-SAIZ: 11pt;
}

A {

WARNA: #ff0000; HIASAN TEKS: tiada

}

A:tuding {

WARNA: #ff8888; HIASAN TEKS: gariskan

}

</GAYA>

<SCRIPT language=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]="FFFFFF"

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() {

Jika (document.layers) {

alert("Skrip ini memerlukan Internet Explorer 4 atau lebih tinggi. Maaf kawan-kawan!")

}

Jika (dokumenkan.semua) {

bordercolor()

}

}

fungsi bordercolor() { 

if (i_bordercolor >= textcolor.length-1) {v_bordercolor*=-1}

Jika (i_bordercolor <= 0) {v_bordercolor*=-1}

Jika (i_bordercolordark >= textcolor.length-1) {v_bordercolordark*=-1}

Jika (i_bordercolordark <= 0) {v_bordercolordark*=-1}

Jika (i_bordercolorlight >= textcolor.length-1) {v_bordercolorlight*=-1}

Jika (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>

<JADUAL sempadan=0 cellPadding=6 id=selon lebar=540 ketinggian="30">

<TBODY>

<TR>

<TD align=middle class=cellstyle height="16">

<font color="#800000">http://www.jb51.net</font>

</TR></TBODY>

</JADUAL>

</BODY>

</HTML>

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn