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 相关文章推荐
起点页面传值js,有空研究学习下
Jan 25 Javascript
Tinymce+jQuery.Validation使用产生的BUG
Mar 29 Javascript
js css 实现遮罩层覆盖其他页面元素附图
Sep 22 Javascript
Node.js开源应用框架HapiJS介绍
Jan 14 Javascript
原生JavaScript编写俄罗斯方块
Mar 30 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
Aug 04 Javascript
jQuery Mobile 触摸事件实例
Jun 04 Javascript
js前端解决跨域问题的8种方案(最新最全)
Nov 18 Javascript
axios中cookie跨域及相关配置示例详解
Dec 20 Javascript
node命令行工具之实现项目工程自动初始化的标准流程
Aug 12 Javascript
解决vue 给window添加和移除resize事件遇到的坑
Jul 21 Javascript
js+css3实现炫酷时钟
Aug 18 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中操作Excel实例代码
2010/04/29 PHP
PHP中的Memcache详解
2014/04/05 PHP
php读取torrent种子文件内容的方法(测试可用)
2016/05/03 PHP
thinkphp框架实现路由重定义简化url访问地址的方法分析
2020/04/04 PHP
javascript中的float运算精度实例分析
2010/08/21 Javascript
原生js写的放大镜效果
2012/08/22 Javascript
struts2+jquery+json实现异步加载数据(自写)
2013/06/24 Javascript
JQuery与Ajax调用新浪API获取短网址的代码
2014/02/07 Javascript
node.js中的fs.writeFileSync方法使用说明
2014/12/14 Javascript
jQuery中extend函数详解
2015/02/13 Javascript
javascript每日必学之条件分支
2016/02/17 Javascript
jQuery实现按钮点击遮罩加载及处理完后恢复的效果
2016/06/07 Javascript
javascript中使用未定义变量或值的情况分析
2016/07/19 Javascript
用js屏蔽被http劫持的浮动广告实现方法
2017/08/10 Javascript
不使用 JS 匿名函数理由
2017/11/17 Javascript
jquery radio 动态控制选中失效问题的解决方法
2018/02/28 jQuery
vue组件横向树实现代码
2018/08/02 Javascript
微信小程序如何使用globalData的方法
2019/06/06 Javascript
vue 根据选择条件显示指定参数的例子
2019/11/09 Javascript
JavaScript setInterval()与setTimeout()计时器
2019/12/27 Javascript
[45:59]EG vs OG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
Python内置函数delattr的具体用法
2017/11/23 Python
50行Python代码实现人脸检测功能
2018/01/23 Python
根据DataFrame某一列的值来选择具体的某一行方法
2018/07/03 Python
在双python下设置python3为默认的方法
2018/10/31 Python
pandas factorize实现将字符串特征转化为数字特征
2019/12/19 Python
升级keras解决load_weights()中的未定义skip_mismatch关键字问题
2020/06/12 Python
详解anaconda离线安装pytorchGPU版
2020/09/08 Python
Python脚本打包成可执行文件过程解析
2020/10/20 Python
django中cookiecutter的使用教程
2020/12/03 Python
如何将无状态会话Bean发布为WEB服务,只有无状态会话Bean可以发布为WEB服务?
2015/12/03 面试题
绝对经典成功的大学生推荐信
2013/11/08 职场文书
经贸韩语专业大学生职业规划
2014/02/14 职场文书
班主任寄语大全
2014/04/04 职场文书
教师节倡议书
2014/08/30 职场文书
广告业务员岗位职责
2015/02/13 职场文书