编程 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 相关文章推荐

js技巧--转义符"\"的妙用

Jan 09 Javascript

JavaScript实现的一个计算数字步数的算法分享

Dec 06 Javascript

js漂浮广告实现代码

Aug 15 Javascript

javascript中获取class的简单实现

Jul 12 Javascript

详解Jquery EasyUI tree 的异步加载（遍历指定文件夹，根据文件夹内的文件生成tree）

Feb 11 Javascript

BackBone及其实例探究_动力节点Java学院整理

Jul 14 Javascript

JS实现延迟隐藏功能的方法(类似QQ头像鼠标放上展示信息)

Dec 28 Javascript

VueJs监听window.resize方法示例

Jan 17 Javascript

新年快乐! javascript实现超级炫酷的3D烟花特效

Jan 30 Javascript

为什么Vue3.0使用Proxy实现数据监听(defineProperty表示不背这个锅)

Oct 14 Javascript

vue中如何添加百度统计代码

Dec 19 Vue.js

Html5生成验证码的示例代码

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

第十二节类的自动加载 [12]

2006/10/09 PHP

php 邮件发送问题解决

2014/03/22 PHP

Yii2使用自带的UploadedFile实现的文件上传

2016/06/20 PHP

javascript 客户端验证上传图片的大小（兼容IE和火狐）

2009/08/15 Javascript

关于jquery ajax 调用带参数的webservice返回XML数据一个小细节

2012/07/31 Javascript

防止xss和sql注入:JS特殊字符过滤正则

2013/04/18 Javascript

使用POST方式弹出窗口的两种方法示例介绍

2014/01/29 Javascript

简介JavaScript中getUTCMonth()方法的使用

2015/06/10 Javascript

jQuery实现有动画淡出效果的二级折叠菜单代码

2015/10/17 Javascript

javascript单页面手势滑屏切换原理详解

2016/03/21 Javascript

Javascript自执行匿名函数(function() { })()的原理浅析

2016/05/15 Javascript

javascript 动态脚本添加的简单方法

2016/10/11 Javascript

微信小程序蓝牙的实现实例代码

2017/06/27 Javascript

JavaScript基础之this和箭头函数详析

2019/09/05 Javascript

layui加载表格,绑定新增,编辑删除,查看按钮事件的例子

2019/09/06 Javascript

微信小程序开发之转发分享功能

2019/10/22 Javascript

ES6中new Function()语法及应用实例分析

2020/02/19 Javascript

在vue项目实现一个ctrl+f的搜索功能

2020/02/28 Javascript

js实现双人五子棋小游戏

2020/05/28 Javascript

[06:33]DOTA2亚洲邀请赛小组赛第二日 TOP10精彩集锦

2015/01/31 DOTA

用python登录Dr.com思路以及代码分享

2014/06/25 Python

python中尾递归用法实例详解

2015/04/28 Python

Python爬虫实现百度图片自动下载

2018/02/04 Python

用Python编写一个高效的端口扫描器的方法

2018/12/20 Python

tensorflow 实现自定义layer并添加到计算图中

2020/02/04 Python

Python 调用有道翻译接口实现翻译

2020/03/02 Python

python3格式化字符串 f-string的高级用法(推荐)

2020/03/04 Python

Python局部变量与全局变量区别原理解析

2020/07/14 Python

深入理解HTML5定时器requestAnimationFrame的使用

2018/12/12 HTML / CSS

Sperry澳大利亚官网：源自美国帆船鞋创始品牌

2019/07/29 全球购物

.NET初级开发工程师面试题(包括Javascript)

2012/08/22 面试题

酒店执行总经理岗位职责

2013/12/15 职场文书

干部个人考察材料

2014/12/24 职场文书

台风停课通知

2015/04/24 职场文书

庆元旦主持词

2015/07/06 职场文书

MySql重置root密码 --skip-grant-tables

2022/04/11 MySQL