编程 Javascript

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

Posted in Javascript onMarch 09, 2015

本文实例讲述了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://3water.com</font>

      </TR></TBODY>

</TABLE>

</BODY>

</HTML>

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

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

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

使用户点击后退按钮使效三行代码

Jul 07 Javascript

onmouseover和onmouseout的一些问题思考

Aug 14 Javascript

在JS中如何调用JSP中的变量

Jan 22 Javascript

使用jquery实现IE下按backspace相当于返回操作

Mar 18 Javascript

js实现字符串的16进制编码不加密

Apr 25 Javascript

jquery ui bootstrap 实现自定义风格

Nov 14 Javascript

jQuery中的ajax async同步和异步详解

Sep 29 Javascript

vue编译打包本地查看index文件的方法

Feb 23 Javascript

Vue2.0 $set()的正确使用详解

Jul 28 Javascript

javascript canvas封装动态时钟

Sep 30 Javascript

vue使用keep-alive实现组件切换时保存原组件数据方法

Oct 30 Javascript

JavaScript阻止事件冒泡的方法

Dec 06 Javascript

EasyUI中datagrid在ie下reload失败解决方案

Mar 09 #Javascript

JS控制网页动态生成任意行列数表格的方法

Mar 09 #Javascript

jQuery随机密码生成的方法

Mar 09 #Javascript

jQuery实现简单的间隔向上滚动效果

Mar 09 #Javascript

jQuery实现鼠标划过展示大图的方法

Mar 09 #Javascript

javascript 对象数组根据对象object key的值排序

Mar 09 #Javascript

jquery插件corner实现圆角边框的方法

Mar 09 #Javascript

You might like

php面向对象全攻略（九）访问类型

2009/09/30 PHP

php中使用in_array() foreach array_search() 查找数组是否包含时的性能对比

2015/04/14 PHP

详细解读PHP的Yii框架中登陆功能的实现

2015/08/21 PHP

jQuery1.3.2 升级到jQuery1.4.4需要修改的地方

2011/01/06 Javascript

javascript动态加载二

2012/08/22 Javascript

判断滚动条到底部的JS代码

2013/11/04 Javascript

js下拉选择框与输入框联动实现添加选中值到输入框的方法

2015/08/17 Javascript

javascript图片切换综合实例（循环切换、顺序切换）

2016/01/13 Javascript

Angular使用$http.jsonp发送跨站请求的方法

2017/03/16 Javascript

JS获取input[file]的值并显示在页面的实现方法

2018/03/09 Javascript

手把手教你vue-cli单页到多页应用的方法

2018/05/31 Javascript

解决vue cli使用typescript后打包巨慢的问题

2019/09/30 Javascript

如何使用jQuery操作Cookies方法解析

2020/09/08 jQuery

Python实现将DOC文档转换为PDF的方法

2015/07/25 Python

Python 稀疏矩阵-sparse 存储和转换

2017/05/27 Python

全面分析Python的优点和缺点

2018/02/07 Python

Python实现的线性回归算法示例【附csv文件下载】

2018/12/29 Python

python覆盖写入,追加写入的实例

2019/06/26 Python

python 自动轨迹绘制的实例代码

2019/07/05 Python

python字符串查找函数的用法详解

2019/07/08 Python

python3实现从kafka获取数据,并解析为json格式,写入到mysql中

2019/12/23 Python

pytorch 模拟关系拟合——回归实例

2020/01/14 Python

浅谈PyTorch的可重复性问题(如何使实验结果可复现)

2020/02/20 Python

Python基于mediainfo批量重命名图片文件

2020/12/29 Python

Clarks其乐鞋荷兰官网：Clarks荷兰

2019/07/05 全球购物

火山咖啡：Volcanica Coffee

2019/10/29 全球购物

若干个Java基础面试题

2015/05/19 面试题

电子商务专业个人的自我评价

2013/11/19 职场文书

人力资源管理专业学生自我评价

2013/11/20 职场文书

我的老师教学反思

2014/05/01 职场文书

2014年会策划方案

2014/05/11 职场文书

数学兴趣小组活动总结

2014/07/08 职场文书

机关作风建设剖析材料

2014/10/11 职场文书

婚礼庆典答谢词

2015/01/20 职场文书

医学会议开幕词

2016/03/03 职场文书

muduo TcpServer模块源码分析

2022/04/26 Redis