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 相关文章推荐
DOM和XMLHttpRequest对象的属性和方法整理
Jan 04 Javascript
javascript分页代码实例分享(js分页)
Dec 13 Javascript
jquery实现全屏滚动
Dec 28 Javascript
详解Node.js模块间共享数据库连接的方法
May 24 Javascript
Jquery和BigFileUpload实现大文件上传及进度条显示
Jun 27 Javascript
在vue项目创建的后初始化首次使用stylus安装方法分享
Jan 25 Javascript
Vue的elementUI实现自定义主题方法
Feb 23 Javascript
详解如何在vue项目中使用lodop打印插件
Sep 27 Javascript
vue实现移动端轻量日期组件不依赖第三方库的方法
Apr 28 Javascript
原生js生成图片验证码
Oct 11 Javascript
vue实现广告栏上下滚动效果
Nov 26 Vue.js
Javascript中Microtask和Macrotask鲜为人知的知识点
Apr 02 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
MVC模式的PHP实现
2006/10/09 PHP
解析phpstorm + xdebug 远程断点调试
2013/06/20 PHP
php获取微信openid方法总结
2019/10/10 PHP
thinkphp5 框架结合plupload实现图片批量上传功能示例
2020/04/04 PHP
JS 常用校验函数
2009/03/26 Javascript
在模板页面的js使用办法
2010/04/01 Javascript
对象无length属性时IE6/IE7中无法将其转换成伪数组(ArrayLike)
2011/07/31 Javascript
JavaScript高级程序设计 读书笔记之八 Function类及闭包
2012/02/27 Javascript
js有序数组的连接问题
2013/10/01 Javascript
JS与jQuery遍历Table所有单元格内容的方法
2015/12/07 Javascript
nodejs使用express创建一个简单web应用
2017/03/31 NodeJs
vue拦截器Vue.http.interceptors.push使用详解
2017/04/22 Javascript
基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
2017/07/09 Javascript
css配合JavaScript实现tab标签切换效果
2018/10/11 Javascript
Vue数据双向绑定的深入探究
2018/11/27 Javascript
jQuery实现当拉动滚动条到底部加载数据的方法分析
2019/01/24 jQuery
jQuery与原生JavaScript选择HTML元素集合用法对比分析
2019/11/26 jQuery
卸载vue2.0并升级vue_cli3.0的实例讲解
2020/02/16 Javascript
vue 封装面包屑组件教程
2020/11/16 Javascript
[01:07:20]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第二场 2月2日
2021/03/11 DOTA
python多线程用法实例详解
2015/01/15 Python
Python聚类算法之凝聚层次聚类实例分析
2015/11/20 Python
Python实现i人事自动打卡的示例代码
2020/01/09 Python
python GUI库图形界面开发之PyQt5切换按钮控件QPushButton详细使用方法与实例
2020/02/28 Python
python如何爬取动态网站
2020/09/09 Python
python 实现倒计时功能(gui界面)
2020/11/11 Python
python全栈开发语法总结
2020/11/22 Python
利用CSS3实现圆角的outline效果的教程
2015/06/05 HTML / CSS
幼儿园园长自我鉴定
2013/10/22 职场文书
学校门卫工作职责
2013/12/07 职场文书
内业资料员岗位职责
2014/01/04 职场文书
青年文明号服务承诺
2014/03/31 职场文书
竞选班干部演讲稿100字
2014/08/20 职场文书
2014年信贷员工作总结
2014/11/18 职场文书
运动会新闻稿
2015/07/17 职场文书
Mysql8.0递归查询的简单用法示例
2021/08/04 MySQL