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 相关文章推荐
基于jQuery架构javascript基础体系
Jan 01 Javascript
模拟select的代码
Oct 19 Javascript
Extjs单独定义各组件的实例代码
Jun 25 Javascript
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
Apr 03 Javascript
javascript读取文本节点方法小结
Dec 15 Javascript
轻松理解Javascript变量的相关问题
Jan 20 Javascript
vue+axios新手实践实现登陆的示例代码
Jun 06 Javascript
vue.js使用v-if实现显示与隐藏功能示例
Jul 06 Javascript
Angularjs之ngModel中的值验证绑定方法
Sep 13 Javascript
JavaScript中的事件与异常捕获详析
Feb 24 Javascript
vue 解决form表单提交但不跳转页面的问题
Oct 30 Javascript
JavaScript canvas实现跟随鼠标事件
Feb 10 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 裁剪图片成固定大小代码方法
2009/09/09 PHP
php使用MySQL保存session会话的方法
2015/06/26 PHP
WordPress的主题编写中获取头部模板和底部模板
2015/12/28 PHP
redirect_uri参数错误的解决方法(必看)
2017/02/16 PHP
使用laravel和ECharts实现折线图效果的例子
2019/10/09 PHP
总结一些js自定义的函数
2006/08/05 Javascript
键盘控制事件应用教程大全
2006/11/24 Javascript
Js组件的一些写法
2010/09/10 Javascript
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
2011/01/06 Javascript
jQuery根据纬度经度查看地图处理程序
2013/05/08 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
2016/06/17 Javascript
浅谈javascript中的Function和Arguments
2016/08/30 Javascript
JQuery统计input和textarea文字输入数量(代码分享)
2016/12/29 Javascript
详解AngularJS脏检查机制及$timeout的妙用
2017/06/19 Javascript
简单的网页广告特效实例
2017/08/19 Javascript
JavaScript使用表单元素验证表单的示例代码
2019/08/20 Javascript
关于layui 弹出层一闪而过就消失的解决方法
2019/09/09 Javascript
浅析js实现网页截图的两种方式
2019/11/01 Javascript
Jquery Fade用法详解
2020/11/06 jQuery
Python编程实现二分法和牛顿迭代法求平方根代码
2017/12/04 Python
使用pandas对两个dataframe进行join的实例
2018/06/08 Python
pyspark.sql.DataFrame与pandas.DataFrame之间的相互转换实例
2018/08/02 Python
django框架之cookie/session的使用示例(小结)
2018/10/15 Python
PyQt5根据控件Id获取控件对象的方法
2019/06/25 Python
如何利用pygame实现简单的五子棋游戏
2019/12/29 Python
parser.add_argument中的action使用
2020/04/20 Python
Python  Asyncio模块实现的生产消费者模型的方法
2021/03/01 Python
英国家庭家具、照明和花园家具购物网站:Furniture123
2018/12/31 全球购物
介绍一下SQL注入攻击的种类和防范手段
2012/02/18 面试题
入党积极分子学习两会心得体会范文
2014/03/17 职场文书
监察建议书格式
2014/05/19 职场文书
体操比赛口号
2014/06/10 职场文书
2015年科室工作总结
2015/04/10 职场文书
民事二审代理词
2015/05/25 职场文书
用Python写一个简易版弹球游戏
2021/04/13 Python
利用Matlab绘制各类特殊图形的实例代码
2021/07/16 Python