Nenhuma avalição
COMENTAR
INDICAR
linkluzPostada em: 07/11/2009
Demonstração do script
Código fonte do script
<html>
<body>
<head>
<!-começa aqui->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
IE = (document.all);
if (IE) {
var chidc = new Array();
var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F');
// aumentando um link deve-se trocar (100,70,40,40,40)
// para (100,70,40,40,40,40) aumentando mais um 40
var chidn = new Array(100,70,40,40,40);
// aumentando um link deve-se trocar (10,10,10,10,10)
// para (10,10,10,10,10,10) aumentando mais um 10
var step = new Array(10,10,10,10,10);
// aumentando um link deve-se trocar (step[0],step[1],step[2],step[3],step[4])
// para (step[0],step[1],step[2],step[3],step[4],step[5]) aumentando mais um step na ordem
var chway = new Array(step[0],step[1],step[2],step[3],step[4]);
// aumentando um link deve-se trocar (1,1,1,1,1)
// para (1,1,1,1,1,1) aumentando mais um step na ordem
var tone = new Array(1,1,1,1,1);
function chcol() {
// acresentando mais um link deve se mudar o <5 para <6 e assim por diante
for (i=0; i<5; i++) {
chidn[i]+=chway[i];
if (chidn[i]>=255) {
chidn[i] = 255;
chway[i] = -step[i];
}
else if (chidn[i]<=40) {
chidn[i] = 40;
chway[i] = step[i];
tone[i]>=3? tone[i] = 1:tone[i]++;
}
col1 = hexc[Math.floor(chidn[i]/16)];
col2 = hexc[chidn[i]%16];
tored = '';
toblue = '';
for (j=1; j<tone[i]; j++) tored+='00';
for (j=3; j>tone[i]; j--) toblue+='00';
chidc[i] = '#'+tored+col1+col2+toblue;
td = eval('document.all.chcol'+i);
td.style.backgroundColor = chidc[i];
}
setTimeout('chcol()',100);
}
}
// End -->
</script>
</HEAD>
<BODY>
<table cellspacing=2 cellpadding=0 bgcolor=#ffffff width=50%>
<tr>
<td align=center id=chcol0 name=id=chcol0>
<a href="pagina.html"><font face=verdana size=1 color=white>link 1</font></a></td>
<td align=center id=chcol1 name=id=chcol0>
<a href="pagina.html"><font face=verdana size=1 color=white>link 2</font></a></td>
<td align=center id=chcol2 name=id=chcol0>
<a href="pagina.html"><font face=verdana size=1 color=white>link 3</font></a></td>
<td align=center id=chcol3 name=id=chcol0>
<a href="pagina.html"><font face=verdana size=1 color=white>link 4</font></a></td>
<!--copie aqui e cole para aumentar mais um link e troque o chcol4 para chcol5-->
<td align=center id=chcol4 name=id=chcol0>
<a href="pagina.html"><font face=verdana size=1 color=white>link 5</font></a></td>
<!->
</tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
<!--
chcol();
//-->
</script>
<!-termina aqui->
</head>
</body>
</html>
<body>
<head>
<!-começa aqui->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
IE = (document.all);
if (IE) {
var chidc = new Array();
var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F');
// aumentando um link deve-se trocar (100,70,40,40,40)
// para (100,70,40,40,40,40) aumentando mais um 40
var chidn = new Array(100,70,40,40,40);
// aumentando um link deve-se trocar (10,10,10,10,10)
// para (10,10,10,10,10,10) aumentando mais um 10
var step = new Array(10,10,10,10,10);
// aumentando um link deve-se trocar (step[0],step[1],step[2],step[3],step[4])
// para (step[0],step[1],step[2],step[3],step[4],step[5]) aumentando mais um step na ordem
var chway = new Array(step[0],step[1],step[2],step[3],step[4]);
// aumentando um link deve-se trocar (1,1,1,1,1)
// para (1,1,1,1,1,1) aumentando mais um step na ordem
var tone = new Array(1,1,1,1,1);
function chcol() {
// acresentando mais um link deve se mudar o <5 para <6 e assim por diante
for (i=0; i<5; i++) {
chidn[i]+=chway[i];
if (chidn[i]>=255) {
chidn[i] = 255;
chway[i] = -step[i];
}
else if (chidn[i]<=40) {
chidn[i] = 40;
chway[i] = step[i];
tone[i]>=3? tone[i] = 1:tone[i]++;
}
col1 = hexc[Math.floor(chidn[i]/16)];
col2 = hexc[chidn[i]%16];
tored = '';
toblue = '';
for (j=1; j<tone[i]; j++) tored+='00';
for (j=3; j>tone[i]; j--) toblue+='00';
chidc[i] = '#'+tored+col1+col2+toblue;
td = eval('document.all.chcol'+i);
td.style.backgroundColor = chidc[i];
}
setTimeout('chcol()',100);
}
}
// End -->
</script>
</HEAD>
<BODY>
<table cellspacing=2 cellpadding=0 bgcolor=#ffffff width=50%>
<tr>
<td align=center id=chcol0 name=id=chcol0>
<a href="pagina.html"><font face=verdana size=1 color=white>link 1</font></a></td>
<td align=center id=chcol1 name=id=chcol0>
<a href="pagina.html"><font face=verdana size=1 color=white>link 2</font></a></td>
<td align=center id=chcol2 name=id=chcol0>
<a href="pagina.html"><font face=verdana size=1 color=white>link 3</font></a></td>
<td align=center id=chcol3 name=id=chcol0>
<a href="pagina.html"><font face=verdana size=1 color=white>link 4</font></a></td>
<!--copie aqui e cole para aumentar mais um link e troque o chcol4 para chcol5-->
<td align=center id=chcol4 name=id=chcol0>
<a href="pagina.html"><font face=verdana size=1 color=white>link 5</font></a></td>
<!->
</tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
<!--
chcol();
//-->
</script>
<!-termina aqui->
</head>
</body>
</html>
