Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/11/2011, 07:46
ivan_pala21
 
Fecha de Ingreso: abril-2011
Ubicación: barcelona
Mensajes: 127
Antigüedad: 13 años
Puntos: 2
div aparece y desaparece

muy buenas he encontrado una función buenísima en javascript que muestra un div al pasar por encima de un texto o donde lo quieras colocar es buena y simple creo,

el problema es que si quiero utilizarla para mas de un div es decir sacar mas de un mensaje como podría decirle a la función

el código es el siguiente:

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





Código HTML:
Ver original
  1. <div id="muestra" onmouseover="fade(1)" onmouseout="fade(0)">mostrar mensaje</div>
  2. <div id="fadimg" style=&#8221;filter:alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:visible&#8221;>
  3.   <h4>hola mundo</h4>
  4. </div>


el div id="muestra" sera el que al pasar por encima con el ratón mostrara el div="fadimg" la cuestión es que si quiero mostrar otro mensaje en otro div como le digo a la función.


ESTE SCRIPT SALIO DE ESTA PAGINA http://emilio.aesinformatica.com/2008/08/28/mostrar-y-ocultar-informacion-en-una-capa-al-pasar-el-raton/