[Resolvido] Caixa Flutuante

[Matheus Font 0]

Olá galera,

 

eu tenho um site, e eu precisava de uma caixa flutuante onde eu pudesse colocar publicidade, tipo aquelas caixas de MSN que aparecem com grande frequência em sites de download.

seria uma DIV, que ficasse parada no canto inferior direito da tela, com um botão para fecha-la; dentro, um banner; e eu posso usar apenas CSS e JavaScript para fazer isso (além de HTML, óbvio).

 

obrigado desde já ;D

[GabrielFerrari 41]

Basta deixar ela com posição fixed

 

#seu_div{
position: fixed;
}

Porém não vai funcionar corretamente no IE

mas não é um problema difícil de se resolver

[Matheus Font 0]

não é nem esse o problema, o que eu mais preciso agora é um jeito de fazer com que a caixa fique em exibição ou não de acordo com um link

[Malvadeza 0]

Como assim dependendo de um link?

Se o usuário clicou em um determinado link a caixa vai ser exibida?

 

Abraços!

[Matheus Font 0]

[AAA] consegui *w*

dei uma pesquizada e consegui o efeito que eu queria!

e ainda usei o jQuery

 

como eu havia conseguido fazer isto só usando CSS, eu coloquei nesta categoria mas acabou dando certo em JavaScript '-' se algum moderador puder mover o tópico pra lá eu agradeceria,

o código que eu peguei foi esse >> http://www.upinside.com.br/video-aulas/exibir-e-ocultar-div-com-jquery

 

mas eu personalizei e deixei assim:

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $('#conteudo').show();

$('#ocultar').click(function(event){
 event.preventDefault();
 $("#conteudo").hide("slow");
 });
 });
</script>
<div id="conteudo" style="background-color:#09F; padding:5px; margin:0; width:300px;">
<h3>O conteúdo será exibido aqui</h3> <a href="#" id="ocultar">Ocultar conteúdo</a>
</div>