この記事の例では、JS を使用して Web テーブルを自動的に拡大および縮小する方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。 これは、Web ページ内のテーブルが自動的に拡大または縮小され、常に変化する、パーソナライズされた動的テーブル効果コードです。 主にディスプレイを強調表示するために使用されます コードをコピー コードは次のとおりです: <頭> js 移動テーブル .cellstyle {<br> 色: #ffffff; フォントサイズ: 11pt; 太字 }<br> {<br> 色: #ff0000; テキスト装飾: なし<br> }<br> A: ホバー {<br> 色: #ff8888; テキスト装飾: 下線<br> }<br> <br> var i_bordercolor=0<br> var i_bordercolorlight=10<br> var i_bordercolordark=20<br> var v_bordercolor=1<br> var v_bordercolorlight=1<br> var v_bordercolordark=1<br> var textcolor= 新しい配列()<br> textcolor[0]="FFFFFF"<br> textcolor[1]="FFF8F8"<br> テキストカラー[2] ="FFF0F0"<br> textcolor[3]="FFD8D8"<br> テキストカラー[4] ="FFD0D0"<br> textcolor[5]="FFC8C8"<br> テキストカラー[6] ="FFC0C0"<br> テキストカラー[7] ="FFB8B8"<br> テキストカラー[8] ="FFB0B0"<br> テキストカラー[9] ="FFA8A8"<br> テキストカラー[10] ="FFA0A0"<br> textcolor[11]="FF9898"<br> textcolor[12]="FF9090"<br> textcolor[13] ="FF8888"<br> textcolor[14] ="FF8080"<br> textcolor[15]="FF7878"<br> textcolor[16] ="FF7070"<br> テキストカラー[17] ="FF6868"<br> textcolor[18] ="FF6060"<br> textcolor[19] ="FF5858"<br> textcolor[20]="FF5050"<br> textcolor[21]="FF4848"<br> textcolor[22]="FF4040"<br> テキストカラー[23] ="FF3838"<br> textcolor[24] ="FF3030"<br> テキストカラー[25] ="FF2828"<br> textcolor[26] ="FF2020"<br> テキストカラー[27] ="FF1818"<br> textcolor[28] ="FF1010"<br> textcolor[29] ="FF0808"<br> テキストカラー[30] ="FF0000"<br> 関数 checkbrowser() {<br> If (document.layers) {<br> alert("このスクリプトには Internet Explorer 4 以降が必要です。申し訳ありませんが!")<br> }<br> If (document.all) {<br> ボーダーカラー()<br> }<br> }<br> 関数 bordercolor() { <br> if (i_bordercolor >= textcolor.length-1) {v_bordercolor*=-1}<br> If (i_bordercolor If (i_bordercolordark >= textcolor.length-1) {v_bordercolordark*=-1}<br> If (i_bordercolordark If (i_bordercolorlight >= textcolor.length-1) {v_bordercolorlight*=-1}<br> If (i_bordercolorlight Document.all.cellone.borderColor=textcolor[i_bordercolor]<br> Document.all.cellone.borderColorDark=textcolor[i_bordercolordark]<br> Document.all.cellone.borderColorLight=textcolor[i_bordercolorlight]<br> Document.all.cellone.border=i_bordercolorlight*2<br> i_bordercolor =v_bordercolor<br> i_bordercolordark =v_bordercolordark<br> i_bordercolorlight =v_bordercolorlight<br> var timer=setTimeout("bordercolor()",100)<br> }<br> http://www.jb51.net