Menu colorido

Publicado por wenderson 29/01/2009

[ Hits: 6.210 ]

Download botoes coloridos.txt




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

Login básico em JSF

Menu animado em java

Mini Browser

Texto estilo gangorra

Pesos


  

Comentários

Nenhum comentário foi encontrado.


Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts