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的選中區(qū)域后進行處理的代碼，需要的朋友可以參考下。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小節(jié)內容：1.concat方法的基礎介紹；2.從實例中感受concat方法。需要的朋友一起來看下吧2016-12-12
微信小程序導入Vant報錯VM292:1 thirdScriptError的解決方法
這篇文章主要給大家介紹了關于微信小程序導入Vant報錯VM292:1 thirdScriptError的解決方法，文中通過示例代碼介紹的非常詳細，對大家學習或者使用微信小程序具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-08-08