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


Moderador: web

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

Expandir div sobre conteúdo do site com jQuery

18-04-2014 11:04

Esse script permite expandir uma div sobre o conteúdo do site com jQuery.

<style> .div_expandida{ display:none; position:absolute; top:50px; background-color:#ccc; width:0px; height:0px; z-index:100; } .div_fecha{ display:none; background-color:white; text-align:right; } </style>


<script src="jquery.js"></script> <script> $(document).ready(function() {   $("#e").click(function() { $('#conteudo').html('conteúdo da div expandida'); $('.div_fecha, .div_expandida').css('display','block'); $('#conteudo').show(); $('.div_expandida').animate({ width: "99%", height: "600px" }, 750, function() {}); });   $("#f").click(function() { $('.div_expandida').animate({ width: "0px", height: "0px" }, 750, function() {}).fadeOut(1); $('.div_expandida').hide(); });   }); </script>


<a href="javascript://" id="e">Expandir</a> <div class="div_expandida"> <div class="div_fecha"><a href="javascript://" id="f">Fechar</a></div> <div id="conteudo"></div> </div>

1
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

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