编程 Javascript

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程序设计有所帮助。

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

- Author -

shichen2014

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

Javascript 相关文章推荐

Javascript 两个窗体之间传值实现代码

Sep 25 Javascript

潜说js对象和数组

May 25 Javascript

一款Jquery 分页插件的改造方法（服务器端分页）

Jul 11 Javascript

javascript 得到文件后缀名的思路及实现

May 09 Javascript

有关jQuery中parent()和siblings()的小问题

Jun 01 Javascript

Angular 页面跳转时传参问题

Aug 01 Javascript

Select2.js下拉框使用小结

Oct 24 Javascript

javaScript嗅探执行神器-sniffer.js

Feb 14 Javascript

JS实现本地存储信息的方法(基于localStorage与userData)

Feb 18 Javascript

jQuery中图片展示插件highslide.js的简单dom

Apr 22 jQuery

javascript的惯性运动实现代码实例

Sep 07 Javascript

微信小程序开发搜索功能实现(前端+后端+数据库)

Mar 04 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