JS控制表格实现一条光线流动分割行的方法


Posted in Javascript onMarch 09, 2015

本文实例讲述了JS控制表格实现一条光线流动分割行的方法。分享给大家供大家参考。具体分析如下:

这是很漂亮的一个分割行的代码。
其实就是利用JS控制表格实现的一条七彩流光分割横线

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>js用单元格实现的七彩线条</title>

</head>

<body>

<script>

l=Array(6,7,8,9,'a','b','b','c','d','e','f')

t="<table height=4 width=100% cellspacing=0 cellpadding=0><tr>"

for(x=0;x<40;x++){t+="<td id=a_mo"+x+"></td>"}

document.write(t+"</tr></table>")

function f1(y){for(i=0;i<40;i++){c=(i+y)%20;if(c>10)c=20-c

document.all["a_mo"+(i)].bgColor="'#00"+l[c]+l[c]+"00'"}y++

setTimeout('f1('+y+')',1)}f1(1)

</script>

</body>

</html>

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

Javascript 相关文章推荐
自写简单JS判断是否已经弹出页面
Oct 20 Javascript
基于jquery的滚动鼠标放大缩小图片效果
Oct 27 Javascript
DOM基础教程之使用DOM设置文本框
Jan 20 Javascript
Bootstrap组件学习之导航、标签、面包屑导航(精品)
May 17 Javascript
简单总结JavaScript中的String字符串类型
May 26 Javascript
EsLint入门学习教程
Feb 17 Javascript
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
May 11 Javascript
JavaScrpt中如何使用 cookie 设置查看与删除功能
Jul 09 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
Dec 28 Javascript
webpack4 SCSS提取和懒加载的示例
Sep 03 Javascript
浅谈Vue3.0之前你必须知道的TypeScript实战技巧
Sep 11 Javascript
vue 点击其他区域关闭自定义div操作
Jul 17 Javascript
JS实现点击按钮自动增加一个单元格的方法
Mar 09 #Javascript
JS实现网页表格自动变大缩小的方法
Mar 09 #Javascript
EasyUI中datagrid在ie下reload失败解决方案
Mar 09 #Javascript
JS控制网页动态生成任意行列数表格的方法
Mar 09 #Javascript
jQuery随机密码生成的方法
Mar 09 #Javascript
jQuery实现简单的间隔向上滚动效果
Mar 09 #Javascript
jQuery实现鼠标划过展示大图的方法
Mar 09 #Javascript
You might like
虫族 Zerg 历史背景
2020/03/14 星际争霸
php auth_http类库进行身份效验
2009/03/19 PHP
php使用qr生成二维码的示例分享
2014/01/20 PHP
解密ThinkPHP3.1.2版本之模板继承
2014/06/19 PHP
windows下apache搭建php开发环境
2015/08/27 PHP
PHP fopen函数用法实例讲解
2019/02/15 PHP
Javascript 设计模式(二) 闭包
2010/05/26 Javascript
IE浏览器IFrame对象内存不释放问题解决方法
2014/08/22 Javascript
node.js中的querystring.stringify方法使用说明
2014/12/10 Javascript
EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容
2016/08/24 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
2016/12/28 Javascript
浅谈react.js中实现tab吸顶效果的问题
2017/09/06 Javascript
vue 实现复制内容到粘贴板clipboard的方法
2018/03/17 Javascript
jQuery实现模糊搜索功能的方法分析
2018/06/29 jQuery
详解使用jest对vue项目进行单元测试
2018/09/07 Javascript
LayUI数据接口返回实体封装的例子
2019/09/12 Javascript
[05:43]VG.R战队教练Mikasa专访:为目标从未停止战斗
2016/08/02 DOTA
用map函数来完成Python并行任务的简单示例
2015/04/02 Python
Python中endswith()函数的基本使用
2015/04/07 Python
Python版微信红包分配算法
2015/05/04 Python
python xml.etree.ElementTree遍历xml所有节点实例详解
2016/12/04 Python
PyQt5每天必学之布局管理
2018/04/19 Python
django与vue的完美结合_实现前后端的分离开发之后在整合的方法
2019/08/12 Python
python 多进程并行编程 ProcessPoolExecutor的实现
2019/10/11 Python
将python安装信息加入注册表的示例
2019/11/20 Python
Django 实现将图片转为Base64,然后使用json传输
2020/03/27 Python
python 图像插值 最近邻、双线性、双三次实例
2020/07/05 Python
python模块内置属性概念及实例
2021/02/18 Python
多重CSS背景动画实现方法示例
2014/04/04 HTML / CSS
html5文字阴影效果text-shadow使用示例
2013/07/25 HTML / CSS
Osklen官方在线商店:巴西服装品牌
2019/04/25 全球购物
西班牙语在线票务市场:SuperBoletería
2019/06/10 全球购物
BannerBuzz加拿大:在线定制横幅印刷、广告和标志
2020/03/10 全球购物
上课不认真检讨书
2014/09/17 职场文书
党校个人总结
2015/03/04 职场文书
学校教师师德师风承诺书
2015/04/28 职场文书