Effetto fade a div

**lafan** · 02-09-2014, 15:23

codice HTML:

<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 mi potreste dire cosa c'è di sbagliato visto che non mi funziona ma non ne capisco il motivo?

**cavicchiandrea** · 02-09-2014, 15:52

transition/WebkitTransition non credo sia la sintassi corretta documentati qui

**lafan** · 02-09-2014, 20:20

Ciao sto guardando, ma per ora nulla di risolto

**cavicchiandrea** · 02-09-2014, 20:32

Perdona ma faccio fatica a seguirti, o usi i css3 o usi jquery l'ibrido che vorresti fare (e non funziona) mi sembra l'ipotesi più sbagliata.

**lafan** · 02-09-2014, 20:46

mmm questo è puro javacript con css no? non avevo visto i link, scusa e grazie

**cavicchiandrea** · 02-09-2014, 21:12

esempio veloce http://webandylab.altervista.org/fade.php

**lafan** · 02-09-2014, 21:24

sisi ci sono riuscito e va tutto bene, ma invece se vorrei che si attivasse l'effetto fade solamente quando clicco fisicamente il bottone e non solo quando ci passo sopra?

**cavicchiandrea** · 02-09-2014, 21:32

Esempio modificato

**lafan** · 02-09-2014, 21:37

Grazie mille, sei un grande

Solo una cuiosità che non capisco, <a href="#" --> cosa vuol dire il cancelletto?

Discussione: Effetto fade a div

Strumenti discussione

Ricerca discussione

Visualizza

Effetto fade a div

Permessi di invio