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 相关文章推荐
javascript中的array数组使用技巧
Jan 31 Javascript
jQuery 联动日历实现代码
May 31 Javascript
javaScript实现浮点数转十六进制字符
Oct 29 Javascript
网页右下角弹出窗体实现代码
Jun 05 Javascript
jQuery获取动态生成的元素示例
Jun 15 Javascript
跨域请求的完美解决方法(JSONP, CORS)
Jun 12 Javascript
javascript正则表达式中分组详解
Jul 17 Javascript
JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
Dec 27 Javascript
JS array数组检测方式解析
May 19 Javascript
React倒计时功能实现代码——解耦通用
Sep 18 Javascript
用JavaScript实现贪吃蛇游戏
Oct 23 Javascript
jQuery实现增删改查
Dec 22 jQuery
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回溯法解决0-1背包问题实例分析
2015/03/23 PHP
分享50个提高PHP执行效率的技巧
2015/12/26 PHP
Laravel框架路由和控制器的绑定操作方法
2018/06/12 PHP
laravel开发环境homestead搭建过程详解
2020/07/03 PHP
通过ifame指向的页面高度调整iframe的高度
2006/10/05 Javascript
js 内存释放问题
2010/04/25 Javascript
javascript 学习笔记(onchange等)
2010/11/14 Javascript
javascript消除window.close()的提示窗口
2015/05/20 Javascript
全面解析Bootstrap排版使用方法(标题)
2015/11/30 Javascript
JS中call/apply、arguments、undefined/null方法详解
2016/02/15 Javascript
bootstrap布局中input输入框右侧图标点击功能
2016/05/16 Javascript
jQuery EasyUI提交表单验证
2016/07/19 Javascript
JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】
2017/04/01 Javascript
小程序实现发表评论功能
2018/07/06 Javascript
10分钟彻底搞懂Http的强制缓存和协商缓存(小结)
2018/08/30 Javascript
使用pm2自动化部署node项目的方法步骤
2019/01/28 Javascript
JS实现简易计算器
2020/02/14 Javascript
文章或博客自动生成章节目录索引(支持三级)的实现代码
2020/05/10 Javascript
nodejs中使用worker_threads来创建新的线程的方法
2021/01/22 NodeJs
[03:03]2014DOTA2国际邀请赛 EG战队专访
2014/07/12 DOTA
Python操作SQLite简明教程
2014/07/10 Python
python通过floor函数舍弃小数位的方法
2015/03/17 Python
Python isinstance函数介绍
2015/04/14 Python
使用url_helper简化Python中Django框架的url配置教程
2015/05/30 Python
浅谈Django的缓存机制
2018/08/23 Python
python使用matplotlib绘制热图
2018/11/07 Python
python 根据网易云歌曲的ID 直接下载歌曲的实例
2019/08/24 Python
详解Python流程控制语句
2020/10/28 Python
Python爬虫设置Cookie解决网站拦截并爬取蚂蚁短租的问题
2021/02/22 Python
澳大利亚领先的优质葡萄酒拍卖会:Langton’s Fine Wines
2019/03/24 全球购物
上班早退检讨书
2014/01/09 职场文书
捐书活动倡议书
2015/04/27 职场文书
八年级地理课件资料及考点知识分享
2019/08/30 职场文书
如何在CocosCreator里画个炫酷的雷达图
2021/04/16 Javascript
关于CentOS 8 搭建MongoDB4.4分片集群的问题
2021/10/24 MongoDB
python编程学习使用管道Pipe编写优化代码
2021/11/20 Python