この記事では、Webテーブルを自動的に増やして削減するJSの方法について説明します。参照のためにそれを共有してください。特定の分析は次のとおりです。
これは、パーソナライズされた動的テーブルエフェクトコードです。 Webページのテーブルは自動的に拡大または縮小され、絶えず変更されています
主にディスプレイの役割を強調しています
次のようにコードをコピーします:<html>
<head>
<Title> JS Moving Table </Title>
<Meta content = "text/html; charset = hz-gb-2312" http-equiv = content-type>
<style> .cellstyle {
色:#ffffff; Font-Family:Times;フォントサイズ:11pt; font-weight:太字
}
{
色:#ff0000;テキスト装置:なし
}
A:ホバー{
色:テキスト装置:下線
}
</style>
<スクリプト言語= javascript>
var i_bordercolor = 0
var i_bordercolorlight = 10
var i_bordercolordark = 20
var v_bordercolor = 1
var v_bordercolorlight = 1
var v_bordercolordark = 1
var textcolor = new array()
textcolor [0] = "fffff"
textcolor [1] = "fff8f8"
textcolor [2] = "fff0f0"
textcolor [3] = "ffd8d8"
textcolor [4] = "ffd0d0"
textcolor [5] = "ffc8c8"
textcolor [6] = "ffc0c0"
textcolor [7] = "ffb8b8"
textcolor [8] = "ffb0b0"
textcolor [9] = "ffa8a8"
textcolor [10] = "ffa0a0"
textcolor [11] = "ff9898"
textcolor [12] = "ff9090"
TextColor [13] = "ff8888"
TextColor [14] = "ff8080"
textcolor [15] = "ff7878"
TextColor [16] = "ff7070"
TextColor [17] = "ff6868"
textcolor [18] = "ff6060"
TextColor [19] = "ff5858"
TextColor [20] = "ff5050"
TextColor [21] = "ff4848"
TextColor [22] = "ff4040"
TextColor [23] = "ff3838"
TextColor [24] = "ff3030"
TextColor [25] = "ff2828"
TextColor [26] = "ff2020"
textcolor [27] = "ff1818"
TextColor [28] = "ff1010"
TextColor [29] = "ff0808"
TextColor [30] = "ff0000"
function checkbrowser(){
if(document.layers){
アラート(「このスクリプトにはインターネットエクスプローラー4以上が必要です。ごめんなさい!」)
}
if(document.all){
bordercolor()
}
}
関数bordercolor(){
if(i_bordercolor> = textcolor.length-1){v_bordercolor*= -1}
if(i_bordercolor <= 0){v_bordercolor*= -1}
if(i_bordercolordark> = textcolor.length-1){v_bordercolordark*= -1}
if(i_bordercolordark <= 0){v_bordercolordark*= -1}
if(i_bordercolorlight> = textcolor.length-1){v_bordercolorlight*= -1}
if(i_bordercolorlight <= 0){v_bordercolorlight*= -1}
document.all.cellone.bordercolor = textcolor [i_bordercolor]
document.all.cellone.bordercolordark = textcolor [i_bordercolordark]
document.all.cellone.bordercolorlight = textcolor [i_bordercolorlight]
document.all.cellone.border = i_bordercolorlight*2
i_bordercolor+= v_bordercolor
i_bordercolordark+= v_bordercolordark
i_bordercolorlight+= v_bordercolorlight
var timer = setimeout( "bordercolor()"、100)
}
</script>
<Meta Content = "Microsoft FrontPage 4.0" name = generator> </head>
<ボディバックグラウンド= "" bgcolor =#ffffff onload = checkbrowser()>
<p align = center>
<テーブルボーダー= 0セルパディング= 6 id = cellone width = 540>
<tbody>
<tr>
<TD Align = Middle Class = CellStyle>
<font color = "#800000"> // www.vevb.com </font>
</tr> </tbody>
</table>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。