01 | <body> |
02 | <head> |
03 | <SCRIPT LANGUAGE="JavaScript"> |
04 | // --> |
05 | </SCRIPT> |
06 | <B><FONT COLOR="BLACK"><FONT SIZE=6><CENTER>Neste efeito<BR>A tela fica reluzindo antes de carregar.<BR></FONT> |
07 | <script> |
08 | function initArray() { |
09 | this.length = initArray.arguments.length |
10 | for (var i = 0; i < this.length; i++) |
11 | this[i+1] = initArray.arguments[i] |
12 | } |
13 |
14 | var hexChars = "0123456789ABCDEF"; |
15 |
16 | function Dec2Hex (Dec) { |
17 | var a = Dec % 16; |
18 | var b = (Dec - a)/16; |
19 | hex = "" + hexChars.charAt(b) + hexChars.charAt(a); |
20 | return hex; |
21 | } |
22 |
23 | function bgChanger (begin, end, steps) { |
24 | steps = steps -1 ; |
25 | redA = begin.charAt(0) + begin.charAt(1); |
26 | red_valA = parseInt(redA,'16'); |
27 | redB = end.charAt(0) + end.charAt(1); |
28 | red_valB = parseInt(redB,'16'); |
29 | red_int = ((red_valB - red_valA) / steps) * -1; |
30 | grnA = begin.charAt(2) + begin.charAt(3); |
31 | grn_valA = parseInt(grnA,'16'); |
32 | grnB = end.charAt(2) + end.charAt(3); |
33 | grn_valB = parseInt(grnB,'16'); |
34 | grn_int = ((grn_valB - grn_valA) / steps) * -1; |
35 | bluA = begin.charAt(4) + begin.charAt(5); |
36 | blu_valA = parseInt(bluA,'16'); |
37 | bluB = end.charAt(4) + end.charAt(5); |
38 | blu_valB = parseInt(bluB,'16'); |
39 | blu_int = ((blu_valB - blu_valA) / steps) * -1; |
40 | step = 2; |
41 | red = red_valA; |
42 | grn = grn_valA; |
43 | blu = blu_valA; |
44 | document.bgColor = begin; |
45 |
46 | while ( steps >= step ) { |
47 | red -= red_int; |
48 | red_round = Math.round(red); |
49 | red_hex = Dec2Hex(red); |
50 | grn -= grn_int; |
51 | grn_round = Math.round(grn); |
52 | grn_hex = Dec2Hex(grn); |
53 | blu -= blu_int; |
54 | blu_round = Math.round(blu); |
55 | blu_hex = Dec2Hex(blu); |
56 | document.bgColor = red_hex + grn_hex + blu_hex; |
57 | step++; |
58 | } |
59 | document.bgColor = end; |
60 | } |
61 | </script> |
62 |
63 | <script> |
64 | <!-- |
65 | // de preto pra preto (pausa) |
66 | bgChanger("000000","000000",25); |
67 | // preto pra vermelho |
68 | bgChanger("000000","FF0000",25); |
69 | // vermelho pra preto |
70 | bgChanger("FF0000","000000",25); |
71 | // preto pra roxo |
72 | bgChanger("000000","AA00EE",25); |
73 | // roxo pra preto |
74 | bgChanger("AA00EE","000000",25); |
75 | // preto pra azul |
76 | bgChanger("000000","0000FF",25); |
77 | // azul pra preto |
78 | bgChanger("0000FF","000000",25); |
79 | // preto pra preto (pausa) |
80 | bgChanger("000000","FFFFFF",25); |
81 | // --> |
82 | </script> |
83 | </body> |
84 | </html> |
Comentários