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 面向对象 继承
May 13 Javascript
某页码显示的helper 少量调整,另附js版
Sep 12 Javascript
使用jquery插件实现图片延迟加载技术详细说明
Mar 12 Javascript
js 实现css风格选择器(压缩后2KB)
Jan 12 Javascript
jQuery内置的AJAX功能和JSON的使用实例
Jul 27 Javascript
jQuery判断指定id的对象是否存在的方法
May 22 Javascript
JavaScript操作Cookie方法实例分析
May 27 Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
Jun 12 Javascript
浅析js的模块化编写 require.js
Dec 07 Javascript
angular4中*ngFor不能对返回来的对象进行循环的解决方法
Sep 12 Javascript
vue图片上传本地预览组件使用详解
Feb 20 Javascript
微信小程序云开发如何实现数据库自动备份实现
Aug 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
比较全面的PHP数组的使用方法小结
2010/09/23 PHP
php报表之jpgraph柱状图实例代码
2011/08/22 PHP
php实现加减法验证码代码
2014/02/14 PHP
过虑特殊字符输入的js代码
2010/08/05 Javascript
jQuery总体架构的理解分析
2011/03/07 Javascript
cookie的复制与使用记住用户名实现代码
2013/11/04 Javascript
jquery实现鼠标拖动图片效果示例代码
2014/01/09 Javascript
JavaScript实现找出字符串中第一个不重复的字符
2014/09/03 Javascript
JS实现设置ff与ie元素绝对位置的方法
2016/03/08 Javascript
详解10分钟学会vue滚动行为
2017/09/21 Javascript
Angular实现较为复杂的表格过滤,删除功能示例
2017/12/23 Javascript
详解vue-cli+es6引入es5写的js(两种方法)
2019/04/19 Javascript
Paypal支付不完全指北
2020/06/04 Javascript
详解node.js 事件循环
2020/07/22 Javascript
详解Node.JS模块 process
2020/08/31 Javascript
javascript实现智能手环时间显示
2020/09/18 Javascript
Python基于sklearn库的分类算法简单应用示例
2018/07/09 Python
漂亮的Django Markdown富文本app插件的实现
2019/01/02 Python
对python模块中多个类的用法详解
2019/01/10 Python
java中的控制结构(if,循环)详解
2019/06/26 Python
python实现从本地摄像头和网络摄像头截取图片功能
2019/07/11 Python
Python测试线程应用程序过程解析
2019/12/31 Python
Python读取excel文件中带公式的值的实现
2020/04/17 Python
python实现逻辑回归的示例
2020/10/09 Python
python 中 .py文件 转 .pyd文件的操作
2021/03/04 Python
css3实现input输入框颜色渐变发光效果代码
2014/04/02 HTML / CSS
CSS3 text shadow字体阴影效果
2016/01/08 HTML / CSS
Sunglasses Shop荷兰站:英国最大的太阳镜独立在线零售商和供应商
2017/01/08 全球购物
瑞典灯具和照明网上商店:Lamp24.se
2018/03/17 全球购物
英国莱斯特松木橡木家具网上商店:Choice Furniture Superstore
2019/07/05 全球购物
牵手50台湾:专为黄金岁月的单身人士而设的交友网站
2021/02/18 全球购物
英国专业美容产品在线:Mylee(从指甲到脱毛)
2020/07/06 全球购物
北京奥运会口号
2014/06/21 职场文书
街道党工委党的群众路线教育实践活动对照检查材料思想汇报
2014/10/05 职场文书
2015年财务经理工作总结
2015/05/13 职场文书
《田忌赛马》教学反思
2016/02/19 职场文书