Menu colorido [Java]

Menu colorido

Publicado por wenderson 29/01/2009

[ Hits: 6.465 ]

Download botoes coloridos.txt

0 0

Denuncie Favoritos Indicar

Script onde seus menus ficaram mudando de cor.

Você pode ainda aumentar ou diminuir os menus de acordo com suas necessisadades.

Ass: Wenderson_chacau

Esconder código-fonte

<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->

Scripts recomendados

Pesos

Texto girando em volta do mouse

Aplicação simples - JSTL

AMIGAAAAAAAA

Comentários

Nenhum comentário foi encontrado.