Links com movimento

Scripts

Scripts

Links com movimento

Crie uma simples animação nos links do seu menu.

Exemplo:

Ferramentas
Scripts
Downloads
Geradores
Orkut

Copie (Ctrl+C) o código abaixo e cole (Ctrl+V) em seu site, edite o CSS dos links como quiser.

<style type="text/css">
.menulinks {position:relative;}
#menucont a{color:#FF0000; font-weight:bold; text-decoration:none;}
#menucont a:hover{color:#999999; font-weight:bold; text-decoration:underline overline; text-transform: uppercase;}
</style>
<SCRIPT LANGUAGE="JavaScript">
nSpace=5   // espaçamento das letras
nSpeed=100 // velocidade da animação
timerLSM=null;
function LetterSpacingMenu() {
  if(document.getElementById){
  lnks = Math.floor(Math.random()*lnk.length);
  letterSpacing = Math.floor(Math.random()*nSpace);
  lnk[lnks].style.letterSpacing = letterSpacing + "px";
  timerLSM = setTimeout("LetterSpacingMenu()", nSpeed);
  }
}
function StopMenu() {
  if(document.getElementById) {
  clearTimeout(timerLSM);
  for(i=0;i<lnk.length;i++)
  lnk[i].style.letterSpacing = 0 + "px";
  }
}
function LSMenuInit() {
  if(document.getElementById) {
  lnk = document.getElementById("menucont").getElementsByTagName("a");
  cnt = document.getElementById("menucont");
  cnt.style.textAlign= "center";
  cnt.onmouseover=StopMenu;
  cnt.onmouseout=LetterSpacingMenu;
  LetterSpacingMenu();
  }
}
onload=LSMenuInit;
</script><center>
<div id="menucont">
   <a href="http://www.arquivoweb.com/ferramentas.html" id="a2" class="menulinks" title="clique aqui">Ferramentas</a><br>
  <a href="http://www.arquivoweb.com/scripts.html" id="a3" class="menulinks" title="clique aqui">Scripts</a><br>
  <a href="http://www.arquivoweb.com/downloads.html" id="a4" class="menulinks" title="clique aqui">Downloads</a><br>
  <a href="http://www.arquivoweb.com/geradores.html" id="a5" class="menulinks" title="clique aqui">Geradores</a><br>
  <a href="http://www.arquivoweb.com/aplicativos.html" id="a6" class="menulinks" title="clique aqui">Orkut</a><br>
  </div></center>

Fale conosco:
Tire dúvidas, faça sugestões e críticas através do nosso formulário de contato.

2009 © ArquivoWeb.com - Todos os direitos reservados