이 기사의 예에서는 JS를 사용하여 웹 테이블을 자동으로 확대 및 축소하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다. 웹페이지의 표가 자동으로 확대되거나 축소되며 지속적으로 변경되는 개인화된 동적 표 효과 코드입니다 주로 디스플레이를 강조하는데 사용됩니다 코드 복사 코드는 다음과 같습니다. <헤드> js 이동 테이블 .cellstyle {<br> 색상: #ffffff; 글꼴 크기: 11pt; 굵은 글꼴<br> }<br> 아 {<br> 색상: #ff0000; 텍스트 장식: 없음<br> }<br> A:호버 {<br> 색상: #ff8888 텍스트 장식: 밑줄<br> }<br> </스타일><br> <SCRIPT 언어=javaScript><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= new Array()<br> textcolor[0]="FFFFFF"<br> textcolor[1]="FFF8F8"<br> textcolor[2] ="FFF0F0"<br> textcolor[3]="FFD8D8"<br> textcolor[4] ="FFD0D0"<br> textcolor[5]="FFC8C8"<br> textcolor[6] ="FFC0C0"<br> textcolor[7] ="FFB8B8"<br> textcolor[8] ="FFB0B0"<br> textcolor[9] ="FFA8A8"<br> textcolor[10] ="FFA0A0"<br> textcolor[11]="FF9898"<br> textcolor[12]="FF9090"<br> textcolor[13] ="FF8888"<br> 텍스트색상[14] ="FF8080"<br> textcolor[15]="FF7878"<br> textcolor[16] ="FF7070"<br> textcolor[17] ="FF6868"<br> textcolor[18] ="FF6060"<br> textcolor[19] ="FF5858"<br> textcolor[20]="FF5050"<br> textcolor[21]="FF4848"<br> textcolor[22]="FF4040"<br> textcolor[23] ="FF3838"<br> textcolor[24] ="FF3030"<br> textcolor[25] ="FF2828"<br> textcolor[26] ="FF2020"<br> textcolor[27] ="FF1818"<br> textcolor[28] ="FF1010"<br> textcolor[29] ="FF0808"<br> 텍스트컬러[30] ="FF0000"<br> 함수 checkbrowser() {<br> If (document.layers) {<br> warning("이 스크립트에는 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 <= 0) {v_bordercolor*=-1}<br /> If (i_bordercolordark >= textcolor.length-1) {v_bordercolordark*=-1}<br> If (i_bordercolordark <= 0) {v_bordercolordark*=-1}<br /> If (i_bordercolorlight >= textcolor.length-1) {v_bordercolorlight*=-1}<br> If (i_bordercolorlight <= 0) {v_bordercolorlight*=-1}<br /> 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 타이머=setTimeout("bordercolor()",100)<br /> }<br /> </스크립트><br> <META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD><br> <BODY background="" bgColor=#ffffff onload=checkbrowser()><br> <P 정렬=가운데><br> <TABLE border=0 cellPadding=6 id=cellone width=540 height="30"><br> <TBODY><br> <TR><br> <TD align=중간 클래스=cellstyle height="16"><br> <font color="#800000">http://www.jb51.net</font><br> </TR></TBODY><br> </표><br> </BODY><br> </div>
