Ver Mensaje Individual
  #3 (permalink)  
Antiguo 14/11/2011, 07:52
Avatar de Eleazan
Eleazan
 
Fecha de Ingreso: abril-2008
Ubicación: Ibiza
Mensajes: 1.879
Antigüedad: 16 años
Puntos: 326
Respuesta: div aparece y desaparece

Fácil, añade un parámetro a la funcion fade que sea el id.. .por ejemplo:

Código Javascript:
Ver original
  1. <script language="javascript" type="text/javascript">
  2. <!--
  3. opac=0
  4. goIn=null
  5. *
  6. function fade(dir, id){
  7. if(document.all){document.all(id).filters.alpha.Opacity=opac}
  8. if(document.getElementById && !document.all){document.getElementById(id).style.MozOpacity=(opac/100)-0.01}
  9. if(document.getElementById && !document.all){document.getElementById(id).style.KHTMLOpacity=(opac/100)-0.01}
  10. if(document.getElementById && !document.all){document.getElementById(id).style.opacity=(opac/100)-0.01}
  11. if(dir==1 && opac<=100){opac=opac+2} else{clearTimeout(goIn)}
  12. if(dir==0 && opac>=0){opac=opac-2} else{clearTimeout(goIn)}
  13. goIn=setTimeout("fade('" + dir + "', '" + id + "')", 10)
  14. }
  15. // -->
  16. </script>

Y después, le llamas así:
<div id="muestra" onmouseover="fade(1, 'fadimg')" onmouseout="fade(0)">mostrar mensaje</div>
Código HTML:
Ver original
  1. <div id="fadimg" style=&#8221;filter:alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:visible&#8221;>
  2.   <h4>hola mundo</h4>
  3. </div>
  4. <div id="muestra2" onmouseover="fade(1, 'fadimg2')" onmouseout="fade(0)">mostrar mensaje 2</div>
  5. <div id="fadimg2" style=&#8221;filter:alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:visible&#8221;>
  6.   <h4>hola mundo</h4>
  7. </div>

Algo así deberia funcionarte
__________________
>> Eleazan's Source
>> @Eleazan