Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Adicionar palavra, texto ou banner no meio do texto da div

20-01-2016 16:30

Nesse post vou mostrar um exemplo com jQuery de como colocar um banner após algumas palavras de uma div.

Você pode adicionar figuras, banners, textos, frases, etc. No meio do texto da div.

<script src="jquery.js"></script> <script> $(function() { $apos = 2; // APÓS QUANTAS PALAVRAS O TEXTO É ADICIONADO $adicionar = " (texto adicionado) "; // TEXTO OU CÓDIGO DO BANNER A SER ADICIONADO $texto = $(".texto").html().split(" "); // CAPTURANDO E SEPARANDO O TEXTO PELO ESPAÇO // PRIMEIRA PARTE DO TEXTO ANTES DA QUEBRA // + VARIÁVEL ADICIONADA + // ÚLTIMA PARTE DO TEXTO $(".texto").html( $texto.slice(0,$apos).join(" ")+ $adicionar +$texto.slice($apos).join(" ") ); }); </script> <div class="texto">texto1 texto2 texto3 texto4</div>

1
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]