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 冒泡排序 正序和倒序实现代码
Dec 14 Javascript
Jquery选中或取消radio示例
Sep 29 Javascript
js判读浏览器是否支持html5的canvas的代码
Nov 18 Javascript
使用jquery获取url及url参数的简单实例
Jun 14 Javascript
Extjs 点击复选框在表格中增加相关信息行
Jul 12 Javascript
微信小程序 免费SSL证书https、TLS版本问题的解决办法
Dec 14 Javascript
jQuery实现的弹幕效果完整实例
Sep 06 jQuery
Layer弹出层动态获取数据的方法
Aug 20 Javascript
JavaScript两种计时器的实例讲解
Jan 31 Javascript
浅谈javascript中的prototype和__proto__的理解
Apr 07 Javascript
JS将指定的某个字符全部转换为其他字符实例代码
Oct 13 Javascript
mustache.js实现首页元件动态渲染的示例代码
Dec 28 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
默默简单的写了一个模板引擎
2007/01/02 PHP
php htmlspecialchars加强版
2010/02/16 PHP
PHP重定向的3种方式
2013/03/07 PHP
CI框架无限级分类+递归的实现代码
2016/11/01 PHP
PHP正则表达式函数preg_replace用法实例分析
2020/06/04 PHP
jQuery 表单验证扩展代码(二)
2010/10/20 Javascript
一个背景云变换js特效 鼠标移动背景云变化
2012/12/28 Javascript
鼠标经过显示二级菜单js特效
2013/08/13 Javascript
jquery根据name属性查找的小例子
2013/11/21 Javascript
jquery ajax应用中iframe自适应高度问题解决方法
2014/04/12 Javascript
JS实现的简洁二级导航菜单雏形效果
2015/10/13 Javascript
基于JavaScript代码实现微信扫一扫下载APP
2015/12/30 Javascript
微信JS接口大全
2016/08/25 Javascript
vue.js入门(3)——详解组件通信
2016/12/02 Javascript
字太多用...代替的方法(两种)
2017/03/15 Javascript
详解React-Native解决键盘遮挡问题(Keyboard遮挡问题)
2017/07/13 Javascript
ES6学习之变量的两种命名方法示例
2017/07/18 Javascript
Vue2.0+ElementUI实现表格翻页的实例
2017/10/23 Javascript
React通过redux-persist持久化数据存储的方法示例
2019/02/14 Javascript
[48:56]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 VG vs KG
2018/03/31 DOTA
跟老齐学Python之for循环语句
2014/10/02 Python
利用Python的Django框架中的ORM建立查询API
2015/04/20 Python
使用python语言,比较两个字符串是否相同的实例
2018/06/29 Python
Python图像处理之简单画板实现方法示例
2018/08/30 Python
Python爬虫库requests获取响应内容、响应状态码、响应头
2020/01/25 Python
JupyterNotebook 输出窗口的显示效果调整方法
2020/04/13 Python
python 如何快速复制序列
2020/09/07 Python
五个2015 年最佳HTML5 框架
2015/11/11 HTML / CSS
Hotter Shoes英国官网:英伦风格,舒适的鞋子
2017/12/28 全球购物
有模特经验的简历自我评价
2013/09/19 职场文书
医学生求职自荐信
2013/10/25 职场文书
本科毕业论文指导教师评语
2014/12/30 职场文书
安全承诺书
2015/01/19 职场文书
单位更名证明
2015/06/18 职场文书
廉洁自律证明
2015/06/24 职场文书
求职信:求职应该注意的问题
2019/04/24 职场文书