Effetto fade a div

  • Creatore Discussione Creatore Discussione laton
  • Data di inizio Data di inizio

laton

Nuovo Utente
2 Set 2014
2
0
0
Codice:
<html>
<head>
<script type="text/javascript" src="terza.javascript">
</script>
<link href="stile.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="box">
</div>
<input type="button" value="Fade OUT" onclick="fade('box', 'out', 1)">
<input type="button" value="Fade IN" onclick="fade('box', 'in',1)">
</body>
</html>


Codice:
function fade (box, io, 1)
{
    var el = document.getElementById(box);
    switch (io)
{

    case "in":
    el.style.opacity = 1;
    break;
    case "out":
    el.style.opacity = 0;
    break;

}

    el.style.transition = "opacity" + 1 + "s";
    el.style.WebkitTransition = "opacity" + 1 + "s";
}

Ciao ragazzi vorrei fare un effetto fade a questo div, ho seguto la guida su questo sito ma niente, cosa ho sbagliato?
 
Ultima modifica:
Ciao,

hai inserito come argomento della funzione un numero: sostituiscilo con una stringa

Codice:
function fade (box, io, uno)

Mentre qui manca uno spazio dopo opacity:

Codice:
 el.style.transition = "opacity " + uno + "s";
    el.style.WebkitTransition = "opacity " + uno + "s";
 

Discussioni simili