Skip to content

ESTAMOS SEMPRE COM NOVIDADES AQUI NO BLOG, SEJA AVISADO DE NOVOS POSTS PRIMEIRO, ASSINE NOSSA NEWSLATTER AO LADO.

Não praticamos spam

Plugin jquery para texto

Postado:

A quantidade de plugins jquery na internet é enorme e o melhor tem para todos os gostos, neste grupo está o plugin para texto Super Simple Text Rotator ou seja um plugin para criar um efeito de rotação em palavras de uma forma bem simples com uma configuração mínima você será capaz de deixar uma visual mais interessante em sua página.

Imagem do exemplo no site do desenvolvedor
Imagem do exemplo no site do desenvolvedor

A base para o uso do plugin é a mesma que todo o plugin jquery, primeiro você deve incluir a biblioteca em sua página, podendo optar por chama-la do google da seguinte forma:

 

Ou se preferir pode efetuar o download da mesma e enviar para seu próprio servidor, fica a seu critério.
Após ter incluído o jquery o próximo passo é incluir o plugin logo abaixo, este é necessário que você envie uma cópia a seu servidor, para isso efetue o download do plugin e após envia-lo ao servidor inclua o mesmo na página:

 

O próximo passo é configurar a frase que recebera o efeito, também é muito simples veja só:
Usaremos a tag

> para inserirmos as palavras que recebera o efeito, e também usaremos duas classes css a parte do html ficara desta forma:

Este plugin é Legal,interessante,fácil,grátis

 

Bem básico ou seja a classe “centralizar” faz apenas a centralização do elemento (frase) e a classe efeito mostra quais são as palavras que queremos que o plugin pegue para criar o efeito, observe que as palavras dentro do span estão separadas por virgula.
Próximo passo é configurar o script, da seguinte forma:

 

Feito! Simples ne? Claro que tem outras configurações mas para isso veja o site do desenvolvedor para ficar mais por dentro dos efeitos possíveis!
Obrigado por sua visita e volte sempre!

Gostou do conteudo? então, compartilhe nas redes sociais!