编程 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 学习历程和心得分享

Dec 12 Javascript

JQuery实现简单时尚快捷的气泡提示插件

Dec 20 Javascript

javascript实现无限级select联动菜单

Jan 02 Javascript

Javascript设计模式之观察者模式的多个实现版本实例

Mar 03 Javascript

浅谈jQuery双事件多重加载的问题

Oct 05 Javascript

JQuery实现定时刷新功能代码

May 09 jQuery

JavaScript中的FileReader图片预览上传功能实现代码

Jul 24 Javascript

微信小程序使用wxParse解析html的方法示例

Jan 17 Javascript

element-ui组件table实现自定义筛选功能的示例代码

Mar 15 Javascript

微信小程序引入VANT组件的方法步骤

Sep 19 Javascript

刷新页面后让控制台的js代码继续执行

Sep 20 Javascript

基于layui内置模块(element常用元素的操作)

Sep 20 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

php自动给文章加关键词链接的函数代码

2012/11/29 PHP

解决微信授权回调页面域名只能设置一个的问题

2016/12/11 PHP

PHP面向对象之领域模型+数据映射器实例(分析)

2017/06/21 PHP

php实例化一个类的具体方法

2019/09/19 PHP

Prototype最新版(1.5 rc2)使用指南(1)

2007/01/10 Javascript

IE6图片加载的一个BUG解决方法

2010/07/13 Javascript

js自定义事件代码说明

2011/01/31 Javascript

这些年、我收集的JQuery代码小结

2012/08/01 Javascript

extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面

2013/04/02 Javascript

如何获取select下拉框的值(option没有及有value属性)

2013/11/08 Javascript

jQuery+HTML5加入购物车代码分享

2020/10/29 Javascript

Javascript 计算字符串在localStorage中所占字节数

2015/10/21 Javascript

JS实现日期时间动态显示的方法

2015/12/07 Javascript

基于JavaScript实现跳转提示页面

2016/09/24 Javascript

bootstrap fileinput完整实例分享

2016/11/08 Javascript

JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解

2016/11/29 Javascript

EasyUI框架使用Ajax提交注册信息的实现代码

2017/09/27 Javascript

原生JavaScript实现Ajax异步请求

2017/11/19 Javascript

vue 子组件向父组件传值方法

2018/02/26 Javascript

详解Vue2 添加对scss的支持

2019/01/02 Javascript

JavaScript 继承封装多态实现及原理详解

2019/07/29 Javascript

layui表格数据复选框回显设置方法

2019/09/13 Javascript

Vue页面渲染中key的应用实例教程

2021/01/12 Vue.js

python刷投票的脚本实现代码

2014/11/08 Python

python奇偶行分开存储实现代码

2018/03/19 Python

Python 实现一行输入多个值的方法

2018/04/21 Python

使用python存储网页上的图片实例

2018/05/22 Python

Python日志器使用方法及原理解析

2020/09/27 Python

CSS3中的display:grid，网格布局介绍

2019/10/30 HTML / CSS

俄罗斯护发和专业化妆品购物网站：Hihair

2019/09/28 全球购物

竞争上岗演讲稿

2014/01/05 职场文书

2014年党的群众路线教育实践活动总结

2014/04/25 职场文书

武夷山导游词

2015/02/03 职场文书

高中生社会实践心得体会

2016/01/14 职场文书

Mysql查询时间区间日期列表，不会由于数据表数据影响

2022/04/19 MySQL

JavaScript正则表达式实现注册信息校验功能

2022/05/30 Java/Android