01 | <html> |
02 | <head> |
03 | <script language="JavaScript"> |
04 | <!-- |
05 | IE = (document.all); |
06 | if (IE) { |
07 | var chidc = new Array(); |
08 | var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F'); |
09 |
10 | // aumentando um link deve-se trocar (100,70,40,40,40) |
11 | // para (100,70,40,40,40,40) aumentando mais um 40 |
12 |
13 | var chidn = new Array(100,70,40,40,40); |
14 |
15 | // aumentando um link deve-se trocar (10,10,10,10,10) |
16 | // para (10,10,10,10,10,10) aumentando mais um 10 |
17 |
18 | var step = new Array(10,10,10,10,10); |
19 |
20 | // aumentando um link deve-se trocar (step[0],step[1],step[2],step[3],step[4]) |
21 | // para (step[0],step[1],step[2],step[3],step[4],step[5]) aumentando mais um step na ordem |
22 |
23 | var chway = new Array(step[0],step[1],step[2],step[3],step[4]); |
24 |
25 | // aumentando um link deve-se trocar (1,1,1,1,1) |
26 | // para (1,1,1,1,1,1) aumentando mais um step na ordem |
27 |
28 | var tone = new Array(1,1,1,1,1); |
29 | function chcol() { |
30 |
31 | // acresentando mais um link deve se mudar o <5 para <6 e assim por diante |
32 | for (i=0; i<5; i++) { |
33 | chidn[i]+=chway[i]; |
34 | if (chidn[i]>=255) { |
35 | chidn[i] = 255; |
36 | chway[i] = -step[i]; |
37 | } |
38 | else if (chidn[i]<=40) { |
39 | chidn[i] = 40; |
40 | chway[i] = step[i]; |
41 | tone[i]>=3? tone[i] = 1:tone[i]++; |
42 | } |
43 | col1 = hexc[Math.floor(chidn[i]/16)]; |
44 | col2 = hexc[chidn[i]%16]; |
45 | tored = ''; |
46 | toblue = ''; |
47 | for (j=1; j<tone[i]; j++) tored+='00'; |
48 | for (j=3; j>tone[i]; j--) toblue+='00'; |
49 | chidc[i] = '#'+tored+col1+col2+toblue; |
50 | td = eval('document.all.chcol'+i); |
51 | td.style.backgroundColor = chidc[i]; |
52 | } |
53 | setTimeout('chcol()',100); |
54 | } |
55 | } |
56 | // End --> |
57 | </script> |
58 | </head> |
59 |
60 | <body> |
61 | <table cellspacing=2 cellpadding=0 bgcolor=#ffffff width=50%> |
62 | <tr> |
63 | <td align=center id=chcol0 name=id=chcol0> |
64 | <a href="pagina.html"><font face=verdana size=1 color=white>link 1</font></a></td> |
65 | <td align=center id=chcol1 name=id=chcol0> |
66 | <a href="pagina.html"><font face=verdana size=1 color=white>link 2</font></a></td> |
67 | <td align=center id=chcol2 name=id=chcol0> |
68 | <a href="pagina.html"><font face=verdana size=1 color=white>link 3</font></a></td> |
69 | <td align=center id=chcol3 name=id=chcol0> |
70 | <a href="pagina.html"><font face=verdana size=1 color=white>link 4</font></a></td> |
71 |
72 | <!--copie aqui e cole para aumentar mais um link e troque o chcol4 para chcol5--> |
73 | <td align=center id=chcol4 name=id=chcol0> |
74 | <a href="pagina.html"><font face=verdana size=1 color=white>link 5</font></a></td> |
75 | <!-> |
76 |
77 | </tr> |
78 | </table> |
79 |
80 | <script language="JavaScript"> |
81 | <!-- |
82 | chcol(); |
83 | //--> |
84 | </script> |
85 | <!-termina aqui-> |
86 |
87 | </head> |
88 | </body> |
89 | </html> |
Comentários