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


Moderador: web

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

Inserir conteúdo na div baseado no tamanho da tela jQuery

27-02-2016 14:46

Nesse post vou mostrar como fazer a inserção de determinado conteúdo em uma div baseado no tamanho da largura / resolução da tela do usuário.

Basta alterar no if as larguras de acordo com a necessidade, seja tamanho da tela do celular, tablet ou computador.

<script src="jquery.js"></script> <script> $(function() { // FUNÇÃO DO REDIMENSIONAMENTO tela = function() { if($(window).width() <= 500) { $("#tela").html("tamanho da tela de até 500px"); } else if($(window).width() > 500 && $(window).width() <= 1000) { $("#tela").html("tamanho da tela de 500px até 1000px"); } else if($(window).width() > 1000 && $(window).width() <= 2000) { $("#tela").html("tamanho da tela de 1000px até 2000px"); } } // CARREGANDO A FUNÇÃO NO LOAD tela(); // CARREGANDO A FUNÇÃO AO REDIMENSIONAR A TELA $(window).resize(function() { tela(); }); }); </script> <div id="tela"></div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado