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 12 Javascript
JQuery实现简单时尚快捷的气泡提示插件
Dec 20 Javascript
javascript实现无限级select联动菜单
Jan 02 Javascript
Javascript设计模式之观察者模式的多个实现版本实例
Mar 03 Javascript
浅谈jQuery双事件多重加载的问题
Oct 05 Javascript
JQuery实现定时刷新功能代码
May 09 jQuery
JavaScript中的FileReader图片预览上传功能实现代码
Jul 24 Javascript
微信小程序使用wxParse解析html的方法示例
Jan 17 Javascript
element-ui组件table实现自定义筛选功能的示例代码
Mar 15 Javascript
微信小程序引入VANT组件的方法步骤
Sep 19 Javascript
刷新页面后让控制台的js代码继续执行
Sep 20 Javascript
基于layui内置模块(element常用元素的操作)
Sep 20 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自动给文章加关键词链接的函数代码
2012/11/29 PHP
解决微信授权回调页面域名只能设置一个的问题
2016/12/11 PHP
PHP面向对象之领域模型+数据映射器实例(分析)
2017/06/21 PHP
php实例化一个类的具体方法
2019/09/19 PHP
Prototype最新版(1.5 rc2)使用指南(1)
2007/01/10 Javascript
IE6图片加载的一个BUG解决方法
2010/07/13 Javascript
js自定义事件代码说明
2011/01/31 Javascript
这些年、我收集的JQuery代码小结
2012/08/01 Javascript
extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面
2013/04/02 Javascript
如何获取select下拉框的值(option没有及有value属性)
2013/11/08 Javascript
jQuery+HTML5加入购物车代码分享
2020/10/29 Javascript
Javascript 计算字符串在localStorage中所占字节数
2015/10/21 Javascript
JS实现日期时间动态显示的方法
2015/12/07 Javascript
基于JavaScript实现跳转提示页面
2016/09/24 Javascript
bootstrap fileinput完整实例分享
2016/11/08 Javascript
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
2016/11/29 Javascript
EasyUI框架 使用Ajax提交注册信息的实现代码
2017/09/27 Javascript
原生JavaScript实现Ajax异步请求
2017/11/19 Javascript
vue 子组件向父组件传值方法
2018/02/26 Javascript
详解Vue2 添加对scss的支持
2019/01/02 Javascript
JavaScript 继承 封装 多态实现及原理详解
2019/07/29 Javascript
layui表格数据复选框回显设置方法
2019/09/13 Javascript
Vue页面渲染中key的应用实例教程
2021/01/12 Vue.js
python刷投票的脚本实现代码
2014/11/08 Python
python奇偶行分开存储实现代码
2018/03/19 Python
Python 实现一行输入多个值的方法
2018/04/21 Python
使用python存储网页上的图片实例
2018/05/22 Python
Python日志器使用方法及原理解析
2020/09/27 Python
CSS3中的display:grid,网格布局介绍
2019/10/30 HTML / CSS
俄罗斯护发和专业化妆品购物网站:Hihair
2019/09/28 全球购物
竞争上岗演讲稿
2014/01/05 职场文书
2014年党的群众路线教育实践活动总结
2014/04/25 职场文书
武夷山导游词
2015/02/03 职场文书
高中生社会实践心得体会
2016/01/14 职场文书
Mysql查询时间区间日期列表,不会由于数据表数据影响
2022/04/19 MySQL
JavaScript正则表达式实现注册信息校验功能
2022/05/30 Java/Android