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 相关文章推荐
一个原生的用户等级的进度条
Jul 03 Javascript
JavaScript实现页面滚动图片加载(仿lazyload效果)
Jul 22 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
Oct 25 Javascript
javascript基本数据类型及类型检测常用方法小结
Dec 14 Javascript
Node.js中文件操作模块File System的详细介绍
Jan 05 Javascript
深入浅出es6模板字符串
Aug 26 Javascript
微信小程序中post方法与get方法的封装
Sep 26 Javascript
Angular 4中如何显示内容的CSS样式示例代码
Nov 06 Javascript
元素全屏的设置与监听实例
Nov 28 Javascript
关于在vue 中使用百度ueEditor编辑器的方法实例代码
Sep 14 Javascript
简单易扩展可控性强的Jquery转盘抽奖程序
Mar 16 jQuery
vue自定义指令之面板拖拽的实现
Apr 14 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实现文件上传和多文件上传
2015/12/24 PHP
PHP实现Session入库/存入redis的方法
2017/05/04 PHP
php实现数组重复数字统计实例
2018/09/30 PHP
php装饰者模式简单应用案例分析
2019/10/23 PHP
JavaScript 函数replace深入了解
2013/03/14 Javascript
js控制表单操作的常用代码小结
2013/08/15 Javascript
js调用浏览器打印模块实现点击按钮触发自定义函数
2014/03/21 Javascript
jquery-tips悬浮提示插件分享
2015/07/31 Javascript
浅谈JavaScript 的执行顺序
2015/08/07 Javascript
深入理解js数组的sort排序
2016/05/28 Javascript
js实现当鼠标移到表格上时显示这一格全部内容的代码
2016/06/12 Javascript
Angular2中Bootstrap界面库ng-bootstrap详解
2016/10/18 Javascript
bootstrap paginator分页插件的两种使用方式实例详解
2017/11/14 Javascript
jquery 给动态生成的标签绑定事件的几种方法总结
2018/02/24 jQuery
jQuery实现文件编码成base64并通过AJAX上传的方法
2018/04/12 jQuery
vue 做移动端微信公众号采坑经验记录
2018/04/26 Javascript
bootstrap table插件动态加载表头
2019/07/19 Javascript
vue2.0项目集成Cesium的实现方法
2019/07/30 Javascript
基于layui的table插件进行复选框联动功能的实现方法
2019/09/19 Javascript
elementui更改el-dialog关闭按钮的图标d的示例代码
2020/08/04 Javascript
jQuery实现推拉门效果
2020/10/19 jQuery
vue $router和$route的区别详解
2020/12/02 Vue.js
[42:32]Secret vs Optic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python xlwt设置excel单元格字体及格式
2020/04/18 Python
tensorflow实现逻辑回归模型
2018/09/08 Python
Python图像处理PIL各模块详细介绍(推荐)
2019/07/17 Python
python提取照片坐标信息的实例代码
2019/08/14 Python
Python3.9.1中使用split()的处理方法(推荐)
2021/02/07 Python
HTML5 Canvas绘制文本及图片的基础教程
2016/03/14 HTML / CSS
美国办公用品购物网站:Quill.com
2016/09/01 全球购物
SIXPAD智能健身仪英国官网:革命性的训练装备品牌
2018/09/27 全球购物
YSL圣罗兰美妆英国官网:Yves Saint Laurent Beauty UK
2019/08/03 全球购物
全球领先的在线cosplay服装商店:RoleCosplay
2020/01/18 全球购物
竞选班干部演讲稿600字
2014/08/20 职场文书
部门群众路线教育实践活动对照检查材料思想汇报
2014/10/07 职场文书
mysql聚集索引、辅助索引、覆盖索引、联合索引的使用
2022/02/12 MySQL