JS控制表格实现一条光线流动分割行的方法
更新时间：2015年03月09日 11:44:53 投稿：shichen2014
这篇文章主要介绍了JS控制表格实现一条光线流动分割行的方法,实例分析了javascript操作table表格元素的技巧,需要的朋友可以参考下
本文实例讲述了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>
<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程序设计有所帮助。
相关文章
js中对于TextArea的选中区域后进行处理的代码，需要的朋友可以参考下。2010-12-12
Symbol是ES6中引入的一种新的基本数据类型，用于表示一个独一无二的值。它是JavaScript中的第七种数据类型。本文将详细讲讲Symbol的使用，需要的可以参考一下2023-01-01
在Windows系统上，自从98系统以来就提供了脚本宿主（Windows Scripting Host 简称WSH）的功能，WSH可以加载并运行JS和VBS脚本，并支持调用系统的COM组件，在COM组件的支持下脚本可以轻松实现非常强大的功能2012-03-03
这篇文章主要介绍了JavaScript数据结构中串的表示与应用,结合实例形式简单分析了基于javascript顺序操作实现串结构与串的拼接操作相关技巧,需要的朋友可以参考下2017-04-04
非常漂亮的缓冲效果代码，大家可以看看下。2009-06-06
这篇文章主要为大家详细介绍了js判断密码强度的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
本篇文章主要介绍了详解Javascript获取缓存和清除缓存API，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
Base64(二进制)图片编码解析及在各种浏览器的兼容性处理
这篇文章主要介绍了Base64(二进制)图片编码解析及在各种浏览器的兼容性处理,需要的朋友可以参考下2017-02-02
本文主要介绍了javascript中concat方法，主要分为2小节内容：1.concat方法的基础介绍；2.从实例中感受concat方法。需要的朋友一起来看下吧2016-12-12
微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法
这篇文章主要给大家介绍了关于微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法，文中通过示例代码介绍的非常详细，对大家学习或者使用微信小程序具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-08-08
最新评论