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

yepnope.js 异步加载资源文件

Sep 08 Javascript

精心挑选的15款优秀jQuery 本特效插件和教程

Aug 06 Javascript

js调用图片隐藏&显示实现代码

Sep 13 Javascript

JS实现多物体缓冲运动实例代码

Nov 29 Javascript

JS实现很酷的水波文字特效实例

Feb 26 Javascript

JavaScript学习小结之被嫌弃的eval函数和with语句实例详解

Aug 01 Javascript

JavaScript自执行函数和jQuery扩展方法详解

Oct 27 jQuery

AngularJs用户输入动态模板XSS攻击示例详解

Apr 21 Javascript

Bootstrap table表格初始化表格数据的方法

Jul 25 Javascript

Vue项目中使用jquery的简单方法

May 16 jQuery

Vue常用传值方式、父传子、子传父及非父子实例分析

Feb 24 Javascript

es6数组的flat()，flatMap()函数用法实例分析

Apr 18 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

一个ORACLE分页程序，挺实用的.

2006/10/09 PHP

PHP中call_user_func_array()函数的用法演示

2012/02/05 PHP

php 问卷调查结果统计

2015/10/08 PHP

PHP实现获取并生成数据库字典的方法

2016/05/04 PHP

php使用环形链表解决约瑟夫问题完整示例

2018/08/07 PHP

FireFox下XML对象转化成字符串的解决方法

2011/12/09 Javascript

JS动态创建Table,Tr,Td并赋值的具体实现

2013/07/05 Javascript

js控制表单操作的常用代码小结

2013/08/15 Javascript

js漂浮广告实现代码

2015/08/15 Javascript

浅谈Javascript中Object与Function对象

2015/09/26 Javascript

Jil,高效的json序列化和反序列化库

2017/02/15 Javascript

微信小程序实现移动端滑动分页效果（ajax）

2017/06/13 Javascript

axios发送post请求springMVC接收不到参数的解决方法

2018/03/05 Javascript

vue注册组件的几种方式总结

2018/03/08 Javascript

js中位运算的运用实例分析

2018/12/11 Javascript

vue组件添加事件@click.native操作

2020/10/30 Javascript

[02:16]完美世界DOTA2联赛PWL S3 集锦第三期

2020/12/21 DOTA

Python语言的12个基础知识点小结

2014/07/10 Python

Python实现的石头剪子布代码分享

2014/08/22 Python

wxPython学习之主框架实例

2014/09/28 Python

在Python中使用mongoengine操作MongoDB教程

2015/04/24 Python

Python 中的 else详解

2016/04/23 Python

基于windows下pip安装python模块时报错总结

2018/06/12 Python

python scrapy爬虫代码及填坑

2019/08/12 Python

python yield关键词案例测试

2019/10/15 Python

Django xadmin开启搜索功能的实现

2019/11/15 Python

Python关键字及可变参数*args,**kw原理解析

2020/04/04 Python

Python基于pandas爬取网页表格数据

2020/05/11 Python

Big Green Smile法国：领先的英国有机和天然产品在线商店

2021/01/02 全球购物

城市精细化管理实施方案

2014/03/04 职场文书

法律进企业活动方案

2014/03/04 职场文书

主题班会演讲稿

2014/05/22 职场文书

国际贸易求职信

2014/07/05 职场文书

2014年出纳工作总结与计划

2014/12/09 职场文书

指导教师推荐意见

2015/06/05 职场文书

Windows安装Anaconda3的方法及使用过程详解

2021/06/11 Python