Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Valeria Santos

[Resolvido] Hover em um Div e aparecer outro, em outro lugar

Recommended Posts

Ola!

 

Confesso que não manjo mto de j query, e preciso fazer o seguinte:

 

Hover em um div "#banner01" e aparecer div (#bannerheader) um local determinado. E então que o #bannerheader permaneça por alguns segundos.

 

Esse abaixo até deu, mas o #bannerheader já fica aberto de início e ele precisa aparecer só qdo hover no #banner01

 

<script type="text/javascript">
 $(document).ready(function() {
   $("#banner01").hover(function(){
     $("#bannerheader").show("fast");
   },
   function(){
     $("#bannerheader").hide("slow");
   });
 });
</script>

 

HTML

<div id="bannerheader" style="width: 1000px; height: 105px; position:absolute; left: 0; top: 0; background:#ff0000"></div>

<div><a href="#" id="banner01"><img src="anuncie/banner.gif" width="140" height="140" border="0" /></a></div>

 

Obrigada!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom, se entendi direito você quer que ao passar o mouse o "hover" fique posicionado em outro lugar e por alguns segundos isso?

bom eu tentaria deixar ele no css com "display:none;" e posicionando ele no lugar correto

então usar setTimetout()no javascript

 

Espero ter ajudado! ^^

Compartilhar este post


Link para o post
Compartilhar em outros sites

se entendi, a tua dificuldade é fazer q ele comece escondido ne?!

 

<script type="text/javascript">
$(document).ready(function() {

$("#bannerheader").hide();//começando escondido


$("#banner01").hover(function(){
$("#bannerheader").show("fast");
},
function(){
$("#bannerheader").hide("slow");
});
});
</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigada, me toquei disto depois que postei... rs

Só não consegui faer ele sumir depois de um tempo.

 

--

 

Thanks, é o 'hide' inicial me toquei depois que postei...

 

Enfim, mas não some, já coloquei o setTimeout() e nada... acho que estou fazendo besteira...

 

 

Aahh tentei aqui e deu certo com o .delay

 

Obrigada pelo help... ;)

<script type="text/javascript">
 $(document).ready(function() {
$("#banner01").hover(function(){
     $("#bannerheader").show("fast");
   },
   function(){
  $("#bannerheader").delay(5000); 
  $("#bannerheader").hide("slow");
   });
 });
</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.