Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/05/2010, 09:07
KekoGrama
 
Fecha de Ingreso: septiembre-2006
Mensajes: 127
Antigüedad: 18 años, 2 meses
Puntos: 5
jQuery y hacer desaparecer una div

Hice una alerta al tipo de facebook ( la alerta que aparece abajo cuando comentan algo ), y si no conocen facebook es una alerta que aparece en una div, y cuando pasan determinados segundos la alerta se va... pero si yo dejo el mouse sobre la div, la alerta no se va hasta que quite el mouse.

Tengo todo listo... meeeeeeeeeeeeenos la parte en que yo puedo colocar el mouse sobre la div y hacer que no se vaya. Probé usando el evento mouseout, que cuando sacara el mouse de la div, recién se fuera la alerta.... pero el método mouseout requiere que yo pase la flecha por sobre la div, por lo q si yo nunca la paso, nunca se irá la alerta.

El código que tengo hasta ahora es:
Código Javascript:
Ver original
  1. function message(title, message){
  2.         jQuery('#alert').remove();
  3.         jQuery(document.createElement('div'))
  4.             .attr('id', 'alert')
  5.             .html('<span class="title">' + title + '</span><span class="message">' + message + '</span>')
  6.             .appendTo('body')
  7.             .hide()
  8.             .show('drop', {}, 500, function(){
  9.                 setTimeout(function(){
  10.                     jQuery('#alert').hide('drop');
  11.                 }, 3500);
  12.             }).click(function(){ jQuery('#alert').hide('drop'); });
  13.     }

Bueno, espero que se entienda bien lo que necesito... adiós.