JS实现网页表格自动变大缩小的方法

当前位置：首页 > 范文|应用文 > IT技术专栏 > 脚本栏目

JS实现网页表格自动变大缩小的方法

来源：阅读：1918 次日期：2015-03-11 14:42:46

温馨提示：小编为您整理了“JS实现网页表格自动变大缩小的方法”,方便广大网友查阅！

这篇文章主要介绍了JS实现网页表格自动变大缩小的方法,实例分析了javascript操作表格的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS实现网页表格自动变大缩小的方法。分享给大家供大家参考。具体分析如下：

这就是一个个性的动态表格效果代码，网页中的表格自动放大或者缩小，不停的变化

主要就是一个强调显示的作用

代码如下:

<HTML>

<HEAD>

<TITLE>js会动的表格</TITLE>

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

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>

<TBODY>

<TR>

</TR></TBODY>

</TABLE>

</BODY>

</HTML>

希望本文所述对大家的javascript程序设计有所帮助。

更多信息请查看IT技术专栏

上一篇：jQuery读取XML文件内容的方法

下一篇：jQuery设置和移除文本框默认值的方法

手机网站地址：JS实现网页表格自动变大缩小的方法

由于各方面情况的不断调整与变化，提供的所有考试信息和咨询回复仅供参考，敬请考生以权威部门公布的正式信息和咨询为准！