JS控制表格實(shí)現(xiàn)一條光線流動(dòng)分割行的方法
更新時(shí)間：2015年03月09日 11:44:53 投稿：shichen2014
這篇文章主要介紹了JS控制表格實(shí)現(xiàn)一條光線流動(dòng)分割行的方法,實(shí)例分析了javascript操作table表格元素的技巧,需要的朋友可以參考下
本文實(shí)例講述了JS控制表格實(shí)現(xiàn)一條光線流動(dòng)分割行的方法。分享給大家供大家參考。具體分析如下：
這是很漂亮的一個(gè)分割行的代碼。
其實(shí)就是利用JS控制表格實(shí)現(xiàn)的一條七彩流光分割橫線
復(fù)制代碼 代碼如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>js用單元格實(shí)現(xiàn)的七彩線條</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用單元格實(shí)現(xiàn)的七彩線條</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>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
js實(shí)現(xiàn)把圖片的絕對(duì)路徑轉(zhuǎn)為base64字符串、blob對(duì)象再上傳
本文主要介紹了JavaScript把項(xiàng)目本地的圖片或者圖片的絕對(duì)路徑轉(zhuǎn)為base64字符串、blob對(duì)象再上傳的方法，具有一定的參考價(jià)值，需要的朋友一起來看下吧2016-12-12
仿淘寶首頁(yè)分類列表效果實(shí)現(xiàn)代碼
模板淘寶首頁(yè)的分類列表效果，17173的游戲分類效果也不錯(cuò)。2009-04-04
回車換Tab 方便，實(shí)現(xiàn)tab功能，屏蔽回車提交2008-12-12
本文主要分享了制作幻燈片的實(shí)例代碼，具有一定的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01
JavaScript字符串String和Array操作的有趣方法
字符串和數(shù)組在程序編寫過程中是十分常用的類型,因此程序語(yǔ)言都會(huì)將String和Array作為基本類型，并提供許多字符串和數(shù)組的方法來簡(jiǎn)化對(duì)字符串的操作2012-12-12
這篇文章主要介紹了js+html5繪制圖片到canvas的方法,涉及html5元素操作的相關(guān)技巧,需要的朋友可以參考下2015-06-06
JS棧stack類的實(shí)現(xiàn)與使用方法示例
這篇文章主要介紹了JS棧stack類的實(shí)現(xiàn)與使用方法,結(jié)合實(shí)例形式分析了棧的原理,以及javascript定義與使用棧的基本操作技巧,需要的朋友可以參考下2019-01-01
今天小編大家分享一篇Layui選項(xiàng)卡制作歷史瀏覽記錄的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
本文給大家介紹的是司徒正美的javascript框架設(shè)計(jì)的第二章種子模塊的相關(guān)內(nèi)容，算是一個(gè)小小的讀后感，小伙伴們可以參考下。2015-06-06![javascript 最常用的10個(gè)自定義函數(shù)[推薦]](http://img.jbzj.com/images/xgimg/bcimg9.png)
javascript 最常用的10個(gè)自定義函數(shù)[推薦]
如果不使用類庫(kù)或者沒有自己的類庫(kù)，儲(chǔ)備一些常用函數(shù)總是有好處的。2009-12-12