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学习随笔(使用window和frame)的技巧
Mar 08 Javascript
ModelDialog JavaScript模态对话框类代码
Apr 17 Javascript
使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享
Apr 23 Javascript
JavaScript中实现单体模式分享
Jan 29 Javascript
JavaScript实现网页对象拖放功能的方法
Apr 15 Javascript
JS实现转动随机数抽奖特效代码
Apr 16 Javascript
Ionic2开发环境搭建教程
Aug 20 Javascript
Parcel 打包示例(React HelloWorld)
Jan 16 Javascript
JavaScript之Blob对象类型的具体使用方法
Nov 29 Javascript
Echarts实现多条折线可拖拽效果
Dec 19 Javascript
js实现QQ邮箱邮件拖拽删除功能
Aug 27 Javascript
手机浏览器唤起微信分享(JS)
Oct 11 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/01/03 PHP
PHP基础之输出缓冲区基本概念、原理分析
2019/06/19 PHP
thinkphp5框架调用其它控制器方法 实现自定义跳转界面功能示例
2019/07/03 PHP
PHP 使用位运算实现四则运算的代码
2021/03/09 PHP
建立良好体验度的Web注册系统ajax
2007/07/09 Javascript
js控制CSS样式属性语法对照表
2012/12/11 Javascript
Get中文乱码IE浏览器Get中文乱码解决方案
2013/12/26 Javascript
使用js实现一个可编辑的select下拉列表
2014/02/20 Javascript
JavaScript职责链模式概述
2016/09/17 Javascript
微信小程序 Audio API详解及实例代码
2016/09/30 Javascript
BootStrap 图片样式、辅助类样式和CSS组件的实例详解
2017/01/20 Javascript
JS判断指定dom元素是否在屏幕内的方法实例
2017/01/23 Javascript
angular.js实现购物车功能
2017/10/23 Javascript
NodeJS安装图文教程
2018/04/19 NodeJs
使用bootstrap实现下拉框搜索功能的实例讲解
2018/08/10 Javascript
Vue 通过公共字段,拼接两个对象数组的实例
2019/11/07 Javascript
ant-design-vue中tree增删改的操作方法
2020/11/03 Javascript
Python探索之爬取电商售卖信息代码示例
2017/10/27 Python
Python使用SQLite和Excel操作进行数据分析
2018/01/20 Python
python 对dataframe下面的值进行大规模赋值方法
2018/06/09 Python
十行代码使用Python写一个USB病毒
2019/06/21 Python
Django项目基础配置和基本使用过程解析
2019/11/25 Python
python实现门限回归方式
2020/02/29 Python
Django设置Postgresql的操作
2020/05/14 Python
Python flask框架实现浏览器点击自定义跳转页面
2020/06/04 Python
玖熙女鞋美国官网:Nine West
2016/10/06 全球购物
地质灾害防治方案
2014/05/14 职场文书
商业街策划方案
2014/05/31 职场文书
优秀工会工作者事迹材料
2014/06/02 职场文书
法学专业毕业生自荐信
2014/06/11 职场文书
国际贸易毕业生求职信
2014/07/20 职场文书
2014年第四季度入党积极分子思想汇报(十八届四中全会)
2014/11/03 职场文书
2016大学自主招生推荐信范文
2015/03/23 职场文书
浅谈mysql返回Boolean类型的几种情况
2021/06/04 MySQL
MySQL中IO问题的深入分析与优化
2022/04/02 MySQL
Spring IOC容器Bean的作用域及生命周期实例
2022/05/30 Java/Android