[AJUDA] Texto que pula com o passar do mouse

Marcelus Bill · Janeiro 5, 2011

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:

SK15 · Janeiro 5, 2011

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/

Marcelus Bill · Janeiro 5, 2011

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?

SK15 · Janeiro 5, 2011

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?

Marcelus Bill · Janeiro 5, 2011

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:

SK15 · Janeiro 6, 2011

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

Marcelus Bill · Janeiro 6, 2011

Ippi *-* tópico resolvid*~> Vllw ♥

Andersonjb · Janeiro 6, 2011

Ippi *-* tópico resolvid*~> Vllw ♥

Po, que cara boyola :huh:

Entrar

[AJUDA] Texto que pula com o passar do mouse

Pergunta

Marcelus Bill

Link para o comentário

Compartilhar em outros sites

7 respostass a esta questão

Posts Recomendados

SK15

Link para o comentário

Compartilhar em outros sites

Marcelus Bill

Link para o comentário

Compartilhar em outros sites

SK15

Link para o comentário

Compartilhar em outros sites

Marcelus Bill

Link para o comentário

Compartilhar em outros sites

SK15

Link para o comentário

Compartilhar em outros sites

Marcelus Bill

Link para o comentário

Compartilhar em outros sites

Andersonjb

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades