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


Moderador: web

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

Conteúdo centralizado ao carregar e redimensionar

26-06-2011 15:34

Esse script permite manter uma div centralizada na página, ao carregar, ou redimensionar a página.

O script usar o jQuery para identificar quando uma página é carregada ou redimensionada, e carrega uma função para posicionar corretamente a div.

<script src="jquery.js"></script> <script>   function sizeBox() { var w = $(window).width(); var h = $(window).height(); $('#box').css('position', 'absolute'); $('#box').css('top', h/2-($('#box').height()/2)-50); $('#box').css('left', w/2-($('#box').width()/2)); }   $(window).load(function() { sizeBox(); }); $(window).resize(function() { sizeBox(); });   </script>


<div id="box">abc</div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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