JS實現網頁表格自動變大縮小的方法

2024-05-06 16:16:17

字體：大中小

來源：轉載

供稿：網友

這篇文章主要介紹了JS實現網頁表格自動變大縮小的方法,實例分析了javascript操作表格的技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了JS實現網頁表格自動變大縮小的方法。分享給大家供大家參考。具體分析如下：

這就是一個個性的動態表格效果代碼，網頁中的表格自動放大或者縮小，不停的變化
主要就是一個強調顯示的作用

復制代碼代碼如下:

		<HTML>
		<HEAD>
		<TITLE>js會動的表格</TITLE>
		<META content="text/html; charset=hz-gb-2312" http-equiv=Content-Type>
		<STYLE>.cellstyle {
		 COLOR: #ffffff; FONT-FAMILY: Times; FONT-SIZE: 11pt; FONT-WEIGHT: bold
		}
		A {
		 COLOR: #ff0000; TEXT-DECORATION: none
		}
		A:hover {
		 COLOR: #ff8888; TEXT-DECORATION: underline
		}
		</STYLE>
		<SCRIPT language=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] ="FFFFFF"
		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) {
		     alert("This script requires Internet Explorer 4 or higher. Sorry folks!")
		 }
		    if (document.all) {
		     bordercolor()
		 }
		}
		function 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=setTimeout("bordercolor()",100)
		}
		</SCRIPT>
		<META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD>
		<BODY background="" bgColor=#ffffff onload=checkbrowser()>
		<P align=center>
		<TABLE border=0 cellPadding=6 id=cellone width=540 height="30">
		  <TBODY>
		  <TR>
		    <TD align=middle class=cellstyle height="16">
		      <font color="#800000">http://www.49028c.com</font>
		      </TR></TBODY>
		</TABLE>
		</BODY>
		</HTML>