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

更新时间：2015年03月09日 11:44:53 投稿：shichen2014

这篇文章主要介绍了JS控制表格实现一条光线流动分割行的方法,实例分析了javascript操作table表格元素的技巧,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

js实现把图片的绝对路径转为base64字符串、blob对象再上传
本文主要介绍了JavaScript把项目本地的图片或者图片的绝对路径转为base64字符串、blob对象再上传的方法，具有一定的参考价值，需要的朋友一起来看下吧
2016-12-12
仿淘宝首页分类列表效果实现代码
模板淘宝首页的分类列表效果，17173的游戏分类效果也不错。
2009-04-04
javascript 回车替换成TAB的脚本
回车换Tab 方便，实现tab功能，屏蔽回车提交
2008-12-12
如何制作幻灯片（代码分享）
本文主要分享了制作幻灯片的实例代码，具有一定的参考价值，下面跟着小编一起来看下吧
2017-01-01
JavaScript字符串String和Array操作的有趣方法
字符串和数组在程序编写过程中是十分常用的类型,因此程序语言都会将String和Array作为基本类型，并提供许多字符串和数组的方法来简化对字符串的操作
2012-12-12
js+html5绘制图片到canvas的方法
这篇文章主要介绍了js+html5绘制图片到canvas的方法,涉及html5元素操作的相关技巧,需要的朋友可以参考下
2015-06-06
JS栈stack类的实现与使用方法示例
这篇文章主要介绍了JS栈stack类的实现与使用方法,结合实例形式分析了栈的原理,以及javascript定义与使用栈的基本操作技巧,需要的朋友可以参考下
2019-01-01
Layui选项卡制作历史浏览记录的方法
今天小编大家分享一篇Layui选项卡制作历史浏览记录的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
javascript框架设计之种子模块
本文给大家介绍的是司徒正美的javascript框架设计的第二章种子模块的相关内容，算是一个小小的读后感，小伙伴们可以参考下。
2015-06-06
javascript 最常用的10个自定义函数[推荐]
如果不使用类库或者没有自己的类库，储备一些常用函数总是有好处的。
2009-12-12