本文实例讲述了JS实现网页表格自动变大缩小的方法。分享给大家供大家参考。具体分析如下:
这就是一个个性的动态表格效果代码,网页中的表格自动放大或者缩小,不停的变化
主要就是一个强调显示的作用
复制代码 代码如下:<HTML>
<HEAD>
<TITLE>js会动的表格</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: #ff8888; 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] ="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() {
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 height="30">
<TBODY>
<TR>
<TD align=middle class=cellstyle height="16">
<font color="#800000">https://www.jb51.net</font>
</TR></TBODY>
</TABLE>
</BODY>
</HTML>
希望本文所述对大家的javascript程序设计有所帮助。
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
更新日志
- 凤飞飞《我们的主题曲》飞跃制作[正版原抓WAV+CUE]
- 刘嘉亮《亮情歌2》[WAV+CUE][1G]
- 红馆40·谭咏麟《歌者恋歌浓情30年演唱会》3CD[低速原抓WAV+CUE][1.8G]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[320K/MP3][193.25MB]
- 【轻音乐】曼托凡尼乐团《精选辑》2CD.1998[FLAC+CUE整轨]
- 邝美云《心中有爱》1989年香港DMIJP版1MTO东芝首版[WAV+CUE]
- 群星《情叹-发烧女声DSD》天籁女声发烧碟[WAV+CUE]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[FLAC/分轨][748.03MB]
- 理想混蛋《Origin Sessions》[320K/MP3][37.47MB]
- 公馆青少年《我其实一点都不酷》[320K/MP3][78.78MB]
- 群星《情叹-发烧男声DSD》最值得珍藏的完美男声[WAV+CUE]
- 群星《国韵飘香·贵妃醉酒HQCD黑胶王》2CD[WAV]
- 卫兰《DAUGHTER》【低速原抓WAV+CUE】
- 公馆青少年《我其实一点都不酷》[FLAC/分轨][398.22MB]
- ZWEI《迟暮的花 (Explicit)》[320K/MP3][57.16MB]