Foros del Web - Ver Mensaje Individual

emprear · #4 (**permalink**) 15/12/2012, 06:12

Tu método funcionaría si hicieses esto para iniciar las funciones

Código Javascript:

Ver originalwindow.onload= function(){
        entrar();
    entrarmastarde();
}

Pero esto me parece más práctico, pasando el tiempo como parámetro, sería más flexible, podrías hacer que sea 20, 200, 50, etc agregando else if a las condiciones

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>FadeIn Capas Múltiples</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
#micapa, #micapa2,#micapa3,#micapa4{
opacity: 0;
font-size: 18pt;
width: 100px;
height: 100px;
margin: 5px;
background: lime;
}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
function entrar(){
var capas = new Array("micapa", "micapa2","micapa3","micapa4");
var i;
for(i in capas){
if((capas[i] == "micapa2")||(capas[i] == "micapa4")){
micapa(capas[i],200);
}else{
micapa(capas[i],80);
}
}
}
function micapa(lacapa,tiempo){var fade=0,micapa=document.getElementById(lacapa).style,ms=(micapa.opacity==0)?0:1,pace=setInterval(Fade,tiempo);
function Fade(){if(fade<100){fade+=1;if(ms)micapa.filter="alpha(opacity="+fade+")";else micapa.opacity=(fade/100)}else clearInterval(pace)}};
window.onload=entrar; 
//]]>
</script>
</head>
<body>
<div id="micapa">
    texto
</div>
<div id="micapa2">
    texto 2
</div>
<div id="micapa3">
    texto 3
</div>
<div id="micapa4">
    texto 4
</div>
</body>
</html>

Saludos