您好,欢迎来到华佗小知识。
搜索
您的当前位置:首页JS控制表格实现一条光线流动分割行的方法_javascript技巧

JS控制表格实现一条光线流动分割行的方法_javascript技巧

来源:华佗小知识


本文实例讲述了JS控制表格实现一条光线流动分割行的方法。分享给大家供大家参考。具体分析如下:

这是很漂亮的一个分割行的代码。
其实就是利用JS控制表格实现的一条七彩流光分割横线
代码如下:


js用单元格实现的七彩线条



l=Array(6,7,8,9,'a','b','b','c','d','e','f')
t="

"
for(x=0;x<40;x++){t+=""}
document.write(t+"
")
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)


希望本文所述对大家的javascript程序设计有所帮助。

Copyright © 2019- huatuo0.cn 版权所有 湘ICP备2023017654号-2

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务