网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料：

　

标题 JS实现网页表格自动变大缩小的方法
内容
    这篇文章主要介绍了JS实现网页表格自动变大缩小的方法,实例分析了javascript操作表格的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    本文实例讲述了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>
    <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.jb51.net</font>
    </TR></TBODY>
    </TABLE>
    </BODY>
    </HTML>
    希望本文所述对大家的javascript程序设计有所帮助。
随便看

　

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

　

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间：2025/5/17 4:30:15