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

[AJUDA] Texto que pula com o passar do mouse


Marcelus Bill

Pergunta

Ola galera do Script Brasil =D Bom... acabei de me registrar e não sei se está é a area correta da minha duvida maaaas...

é o seguinte, hoje eu me deparei com um site, nele tinha um texto, que quando você passava o mouse em cima de determinado caractere do texto ele pulava, bom queria saber como que faz aquilo, se é um codigo tal, ... me ajudem VEJAM O SITE: www.tuhabbo.net "Selecciona Una Versión" <--- nessa parte q diz esse texto *-* vejam pf me ajudem, :blink:

Link para o comentário
Compartilhar em outros sites

7 respostass a esta questão

Posts Recomendados

  • 0

Mas isso é tão chato e tão 'amador' num site :P hehe

De qualquer forma esse exemplo em especifico é feito com jQuery (framework em javaScript) usando um plug-in chamado: bumpyText

Exemplo: http://www.alexanderdickson.com/projects/j...xt/example.html

Projeto: http://www.alexanderdickson.com/projects/j...gins/bumpytext/

Link para o comentário
Compartilhar em outros sites

  • 0
Mas isso é tão chato e tão 'amador' num site :P hehe

De qualquer forma esse exemplo em especifico é feito com jQuery (framework em javaScript) usando um plug-in chamado: bumpyText

Exemplo: http://www.alexanderdickson.com/projects/j...xt/example.html

Projeto: http://www.alexanderdickson.com/projects/j...gins/bumpytext/

Siim... ai como faço pra instalar?

Link para o comentário
Compartilhar em outros sites

  • 0

Mas e qual o misterio? Siga as instruções contidas no site é simples :mellow:

Baixe os arquivos do site depois baixe o framework jQuery do Site (http://jquery.com)

E no final monte um HTML simples com as instrução que existe na página do plug-in com seu texto pronto ... ficando assim:

<html>

<style type="text/css">.bumpy-char { line-height: 3.4em; position: relative; }</style>

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.bumpytext.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript">$(document).ready(function() { $('p#example').bumpyText(); });</script>

<p id="example">Seu texto aqui.</p>

</html>

....

Siim... ai como faço pra instalar?

Link para o comentário
Compartilhar em outros sites

  • 0
Mas e qual o misterio? Siga as instruções contidas no site é simples :mellow:

Baixe os arquivos do site depois baixe o framework jQuery do Site (http://jquery.com)

E no final monte um HTML simples com as instrução que existe na página do plug-in com seu texto pronto ... ficando assim:

<html>

<style type="text/css">.bumpy-char { line-height: 3.4em; position: relative; }</style>

&lt;script type="text/javascript" src="jquery.min.js"></script>
&lt;script type="text/javascript" src="jquery.bumpytext.js"></script>
&lt;script type="text/javascript" src="jquery.easing.1.3.js"></script>
&lt;script type="text/javascript">$(document).ready(function() { $('p#example').bumpyText(); });</script>

<p id="example">Seu texto aqui.</p>

</html>

....

Siim... ai como faço pra instalar?

Fllw, eu baixei os arquivos :jquery.bumpytext: jquery.easing.1.3: jquery.bumpytext.packed, mais n encontrei esse jquery.min.js *-* :B será que tem como você fazer pra mim? você faz zipa os arquivos e hospeda ? passa o link e eu baixo e edito, pf faz isso por mim vllw ♥ :ninja:

Link para o comentário
Compartilhar em outros sites

  • 0

Abaixo estão os links para os arquivos basta usar o botão direito do mouse 'Salvar como ...' colocar tudo em uma mesma pasta e usar o HTML que já havia postado acima não tem erro :P

http://ajax.googleapis.com/ajax/libs/jquer...1/jquery.min.js

http://www.alexanderdickson.com/projects/j...ry.bumpytext.js

http://www.alexanderdickson.com/projects/j...y.easing.1.3.js

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
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...