Ir para conteúdo
Fórum Script Brasil
  • 0

botão seguir igual twitter


Daniel Correia

Pergunta

1 resposta a esta questão

Posts Recomendados

  • 0

Boa tarde.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>teste</title>

<script>

function muda(oObj){

oObj.className = ( oObj.className == 'btSeguir' ) ? 'btNSeguir' : 'btSeguir' ;

oObj.innerHTML = ( oObj.className == 'btSeguir' ) ? 'Seguir' : 'Seguindo' ;

}

</script>

<style>

.btSeguir{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

font-style: normal;

line-height: normal;

font-weight: bold;

font-variant: normal;

text-transform: capitalize;

color: #000000;

text-align: center;

vertical-align: middle;

height: 25px;

width:10%;

border: 1px dashed #000000;

cursor:pointer;

}

.btNSeguir{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

font-style: normal;

line-height: normal;

font-weight: bold;

font-variant: normal;

text-transform: capitalize;

color: #0066CC;

text-align: center;

vertical-align: middle;

height: 25px;

width:10%;

border: 1px dashed #000000;

background-color: #DDF4FF;

cursor:pointer;

}

</style>

</head>

<body>

<button class="btSeguir" onClick="muda(this);">Seguir</button>

</body>

</html>

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      651,9k
×
×
  • Criar Novo...