seja bem vindo ao forum eof, caso nao seja cadastrado se cadastre para poder visualizar todo o conteudo ^^

Você não está conectado. Conecte-se ou registre-se

 » Programação Web » HTML / XML / CSS » Botão animado [ Profissional ] [ Sem utilizar imagens ]

Botão animado [ Profissional ] [ Sem utilizar imagens ]

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

Sun Tzu

avatar
colaborador
colaborador

#by Sun

Só copiar e colar num editor de texto, com a extensão html ou htm. Ex: botão.html

<html>
<head>
   <title>RaidCall: XtremeHacking - 7149047</title>
<script type="text/javascript">
   {
   {var botao = 0;}
   function anima_botao() {
   bootbotao = setTimeout("anima_botao()", 2000);
   botao = botao +1;
   if (botao == 4){botao = 1};
   if (botao == 1)
   {document.form_botao.animado.value = "Forum Caveira T."};
   if (botao ==2)
   {document.form_botao.animado.value = "Desafio Xtreme H."};
   if (botao ==3)
   {document.form_botao.animado.value = "Google"};
   }
   function func_botao(){
   if (botao == 1)
   {location.href="http://caveiratech.com/forum/index.php"};
   if (botao == 2)
   {location.href="http://xtremehacking.zz.mu/"}
   if (botao == 3)
   {location.href="https://www.google.com.br"};
   }
   setTimeout("anima_botao()", 10);
   }
</script>
<style type="text/css">
#botao_anima{
   border: 1px;
   border-color: #000;
   border-style: solid;
   width: 130px;
   height: 32px;
   font-family: Lao UI;
   font-size: 14px;
   font-weight: bold;
   background-color: #40E0D0;
   color: #000;
   }
#botao_anima:hover{
   background-color: #48D1CC;
   color: black;
   }
</style>
</head>
<body>
<form name="form_botao">
<input type="button" name="animado" id="botao_anima" onclick="func_botao();" />
</form>
</body>
</html>

Xtreme Hacking - RaidCall: 7149047


_________________ASSINATURA_________________


 
Grupo no RaidCall - Xtreme Hacking: 7149047
  
"O sangue dos inocentes jamais deverá ser derramado. Contudo, o sangue dos maus deverá fluir como um rio."

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum