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 相关文章推荐
TimergliderJS 一个基于jQuery的时间轴插件
Dec 07 Javascript
jquery实现点击展开列表同时隐藏其他列表
Aug 10 Javascript
jQuery横向擦除焦点图特效代码分享
Sep 06 Javascript
概述一个页面从输入URL到页面加载完的过程
Dec 16 Javascript
JavaScript trim 实现去除字符串首尾指定字符的简单方法
Dec 27 Javascript
vuejs事件中心管理组件间的通信详解
Aug 09 Javascript
Vue.js2.0中的变化小结
Oct 24 Javascript
React Native 通告消息竖向轮播组件的封装
Aug 25 Javascript
react native 文字轮播的实现示例
Jul 27 Javascript
使用JS判断页面是首次被加载还是刷新
May 26 Javascript
详解vuex数据传输的两种方式及this.$store undefined的解决办法
Aug 26 Javascript
Vue export import 导入导出的多种方式与区别介绍
Feb 12 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
Windows中安装Apache2和PHP4权威指南
2006/11/18 PHP
PHP中使用匿名函数操作数据库的例子
2014/11/17 PHP
PHP解密Unicode及Escape加密字符串
2015/05/17 PHP
Laravel5.5 视图 - 创建视图和数据传递示例
2019/10/21 PHP
Laravel定时任务的每秒执行代码
2019/10/22 PHP
用YUI做了个标签浏览效果
2007/02/20 Javascript
javascript实现二分查找法实现代码
2007/11/12 Javascript
原创javascript小游戏实现代码
2010/08/19 Javascript
JavaScript黑洞数字之运算路线查找算法(递归算法)实例
2016/01/28 Javascript
JS简单验证上传文件类型的方法
2017/04/17 Javascript
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
2017/08/23 jQuery
jdk1.8+vue elementui实现多级菜单功能
2020/09/24 Javascript
[50:15]VP vs Mineski 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
[00:08]DOTA2勇士令状等级奖励“天外飞星”
2019/05/24 DOTA
Python中的choice()方法使用详解
2015/05/15 Python
使用Python爬了4400条淘宝商品数据,竟发现了这些“潜规则”
2018/03/23 Python
Python使用matplotlib模块绘制图像并设置标题与坐标轴等信息示例
2018/05/04 Python
python迭代dict的key和value的方法
2018/07/06 Python
Python3中的bytes和str类型详解
2019/05/02 Python
获取django框架orm query执行的sql语句实现方法分析
2019/06/20 Python
在pycharm下设置自己的个性模版方法
2019/07/15 Python
python3 requests库实现多图片爬取教程
2019/12/18 Python
详解python中的异常和文件读写
2021/01/03 Python
python pyg2plot的原理知识点总结
2021/02/28 Python
HTML5 本地存储实现购物车功能
2017/09/07 HTML / CSS
英国百安居装饰建材网上超市:B&Q
2016/09/13 全球购物
联想法国官方网站:Lenovo法国
2018/10/18 全球购物
英国的潮牌鞋履服饰商店:size?
2019/03/26 全球购物
十八大感想感言
2014/02/10 职场文书
办公室副主任职责范本
2014/03/08 职场文书
商铺租赁意向书
2014/04/01 职场文书
会计毕业生自荐书
2014/06/12 职场文书
上海世博会口号
2014/06/19 职场文书
单位工作证明格式模板
2014/10/04 职场文书
工商局所长四风自我剖析及整改措施
2014/10/26 职场文书
2014年初中班主任工作总结
2014/11/08 职场文书