这篇文章主要介绍了 JS 实现网页表格自动变大缩小的方法, 实例分析了 javascript 操作表格的技巧, 具有一定参考借鉴价值, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例讲述了 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">http://www.phperz.com</font>
- </TR></TBODY>
- </TABLE>
- </BODY>
- </HTML>
希望本文所述对大家的 javascript 程序设计有所帮助。
来源: