This article describes the method of JS to automatically increase and reduce web tables. Share it for your reference. The specific analysis is as follows:
This is a personalized dynamic table effect code. The tables on the web page are automatically enlarged or reduced, and constantly changed
It mainly emphasizes the role of display
Copy the code as follows: <HTML>
<HEAD>
<TITLE>JS moving table</TITLE>
<META content="text/html; charset=hz-gb-2312" http-equiv=Content-Type>
<STYLE>.cellstyle {
COLOR: #ffffff; FONT-FAMILY: Times; FONT-SIZE: 11pt; FONT-WEIGHT: bold
}
A {
COLOR: #ff0000; TEXT-DECORATION: none
}
A:hover {
COLOR: TEXT-DECORATION: underline
}
</STYLE>
<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] ="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) {
alert("This script requires Internet Explorer 4 or higher. Sorry folks!")
}
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>
<BODY background="" bgColor=#ffffff onload=checkbrowser()>
<P align=center>
<TABLE border=0 cellPadding=6 id=cellone width=540>
<TBODY>
<TR>
<TD align=middle class=cellstyle>
<font color="#800000">//www.VeVB.COM</font>
</TR></TBODY>
</TABLE>
</BODY>
</HTML>
I hope this article will be helpful to everyone's JavaScript programming.