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的闭包,原型,和匿名函数之旅
Oct 18 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
Aug 09 Javascript
深入学习js瀑布流布局
Oct 14 Javascript
AngularJS指令中的绑定策略实例分析
Dec 14 Javascript
基于jQuery实现弹幕APP
Feb 10 Javascript
Vue-cli创建项目从单页面到多页面的方法
Sep 20 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
Sep 14 Javascript
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
Nov 30 Javascript
详解Next.js页面渲染的优化方案
Jan 27 Javascript
小程序实现列表多个批量倒计时
Jan 29 Javascript
JS获取本地地址及天气的方法实例小结
May 10 Javascript
如何在项目中使用log4.js的方法步骤
Jul 16 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
解析PayPal支付接口的PHP开发方式
2010/11/28 PHP
PHP屏蔽蜘蛛访问代码及常用搜索引擎的HTTP_USER_AGENT
2013/03/06 PHP
自己写的兼容低于PHP 5.5版本的array_column()函数
2014/10/24 PHP
phpcms手机内容页面添加上一篇和下一篇
2015/06/05 PHP
JavaScript实现删除电脑的关机键
2016/07/26 PHP
javascript实现的动态添加表单元素input,button等(appendChild)
2007/11/24 Javascript
iframe的父子窗口之间的对象相互调用基本用法
2013/09/03 Javascript
Jquery获得控件值的三种方法总结
2014/02/13 Javascript
javascript实现根据身份证号读取相关信息
2014/12/17 Javascript
JQuery节点元素属性操作方法
2015/06/11 Javascript
详解JavaScript数组的操作大全
2015/10/19 Javascript
JS实现星星评分功能实例代码(两种方法)
2016/06/09 Javascript
AngularJS基础 ng-class-odd 指令示例
2016/08/01 Javascript
vue分页组件table-pagebar使用实例解析
2020/11/15 Javascript
javascript的几种写法总结
2016/09/30 Javascript
从零学习node.js之利用express搭建简易论坛(七)
2017/02/25 Javascript
nodejs个人博客开发第四步 数据模型
2017/04/12 NodeJs
Vue.js实现可配置的登录表单代码详解
2018/03/29 Javascript
vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
2018/05/08 Javascript
JavaScript捕捉事件和阻止冒泡事件实例分析
2018/08/03 Javascript
解决vue-cli脚手架打包后vendor文件过大的问题
2018/09/27 Javascript
Vue实现手机计算器
2020/08/17 Javascript
Django框架实现的简单分页功能示例
2018/12/04 Python
通过python的matplotlib包将Tensorflow数据进行可视化的方法
2019/01/09 Python
基于Django框架的权限组件rbac实例讲解
2019/08/31 Python
python区分不同数据类型的方法
2019/10/14 Python
Python 字节流,字符串,十六进制相互转换实例(binascii,bytes)
2020/05/11 Python
Python魔术方法专题
2020/06/19 Python
python Matplotlib数据可视化(2):详解三大容器对象与常用设置
2020/09/30 Python
Solaris操作系统的线程机制
2015/07/28 面试题
促销活动策划方案
2014/01/12 职场文书
国际商贸专业自荐信
2014/06/09 职场文书
售后客服工作职责
2014/06/16 职场文书
个人授权委托书范本格式
2014/10/12 职场文书
详解Python魔法方法之描述符类
2021/05/26 Python
动画《新网球王子 U-17 WORLD CUP》希腊队PV公开
2022/04/02 日漫