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 相关文章推荐
[原创]保存的js无法执行的解决办法
Feb 25 Javascript
JS支持带x身份证号码验证函数
Aug 10 Javascript
javascript 上下banner替换具体实现
Nov 14 Javascript
Javascript 闭包详解及实例代码
Nov 30 Javascript
浅谈javascript alert和confirm的美化
Dec 15 Javascript
微信小程序中顶部导航栏的实现代码
Mar 30 Javascript
Angular网络请求的封装方法
May 22 Javascript
详解ESLint在Vue中的使用小结
Oct 15 Javascript
原生JS实现汇率转换功能代码实例
May 13 Javascript
JS继承实现方法及优缺点详解
Sep 02 Javascript
vue-openlayers实现地图坐标弹框效果
Sep 24 Javascript
小程序实现筛子抽奖
May 26 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 Stream_*系列函数
2010/08/01 PHP
PHP字符串的编码问题的详细介绍
2013/04/27 PHP
支付宝支付开发――当面付条码支付和扫码支付实例
2016/11/04 PHP
thinkphp5框架路由原理与用法详解
2020/02/11 PHP
js indexOf()定义和用法
2012/10/21 Javascript
关于火狐(firefox)及ie下event获取的两种方法
2012/12/27 Javascript
javascript 中that的含义示例介绍
2014/05/14 Javascript
JavaScript实现点击单选按钮改变输入框中文本域内容的方法
2015/08/12 Javascript
Javascript基础之数组的使用
2016/05/13 Javascript
微信小程序 免费SSL证书https、TLS版本问题的解决办法
2016/12/14 Javascript
详解有关easyUI的拖动操作中droppable,draggable用法例子
2017/06/03 Javascript
Angular实现可删除并计算总金额的购物车功能示例
2017/12/26 Javascript
javascript实现的字符串转换成数组操作示例
2019/06/13 Javascript
vue实现图书管理系统
2020/12/29 Vue.js
JS中锚点链接点击平滑滚动并自由调整到顶部位置
2021/02/06 Javascript
[04:59]DOTA2-DPC中国联赛 正赛 Ehome vs iG 选手采访
2021/03/11 DOTA
python检测远程服务器tcp端口的方法
2015/03/14 Python
12步教你理解Python装饰器
2016/02/25 Python
深入解析Python中函数的参数与作用域
2016/03/20 Python
用Python实现命令行闹钟脚本实例
2016/09/05 Python
python之Flask实现简单登录功能的示例代码
2018/12/24 Python
详解Python数据分析--Pandas知识点
2019/03/23 Python
OpenCV 使用imread()函数读取图片的六种正确姿势
2020/07/09 Python
澳大利亚礼品卡商店:Gift Card Store
2019/06/24 全球购物
new修饰符是起什么作用
2015/06/28 面试题
体育教师工作总结的自我评价
2013/10/10 职场文书
开办化妆品公司创业计划书
2013/12/26 职场文书
我的求职计划书
2014/01/10 职场文书
数学国培研修感言
2014/02/13 职场文书
发展部经理职责规定
2014/02/22 职场文书
民事上诉状范文
2015/05/22 职场文书
酒店开业主持词
2015/07/02 职场文书
会计实训总结范文
2015/08/03 职场文书
2016年圣诞节义工活动总结
2016/04/01 职场文书
劳务派遣管理制度(样本)
2019/08/23 职场文书
Python中requests做接口测试的方法
2021/05/30 Python