Effetto fade a div

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:

MAeSI

Utente Attivo
13 Apr 2014
71
1
8
quellidelcucuzzolo.blogspot.it
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
Autore Titolo Forum Risposte Data
E Div con effetto fade in 2 tempi. Javascript 1
T [Javascript] identico carousel con effetto fade: in una pagina va in un'altra no, mistero? Javascript 3
M [HTML] Slideshow immagini con effetto FADE HTML e CSS 2
F [HTML] Effetto fade su ogni immagine contenute in uno slider HTML e CSS 16
trattorino [Javascript] caricamento immagine con effetto fade Javascript 1
F effetto fade javascript Javascript 2
andre9004 Jquery background-image fade (Effetto comparsa background-image) jQuery 8
I Gallery con effetto fade Javascript 0
E telecamera effetto nebbia IP Cam e Videosorveglianza 0
S [Photoshop] Nome di questo effetto (vedi foto) Photoshop 1
S [HTML] Effetto su testo da togliere HTML e CSS 0
F [Photoshop] Effetto "vetro" Photoshop 1
A [Photoshop] come poter realizzare il seguente "effetto" Photoshop 4
P [Photoshop CC] Come posso creare quest'effetto - cerchi concentrici Windows e Software 6
P [Photoshop] Effetto ombra Photoshop 1
R [HTML] Effetto carousel di testo su immagine fissa HTML e CSS 2
trattorino [Javascript] effetto carino sul click mi aiutate? Javascript 1
Andrea_Ventura [HTML] Problemi con effetto hover HTML e CSS 5
M [Photoshop] Come posso creare questo effetto ? Photoshop 2
I Effetto glowing su immagine con GIMP Webdesign e Grafica 0
MimmoMandrillo [Photoshop] Che effetto è questo? Photoshop 3
R [Photoshop] Come creare questo effetto (v.immagine)?(sovrapposizione immagini in modo uniforme) Photoshop 2
D [Photoshop] Come arrivare a questo effetto? Photoshop 4
S [Photoshop] aiuto effetto glitch scanner (scanner art) Photoshop 1
A Effetto hue-rotate con javascript Javascript 2
elpirata Creare scritte flash effetto dinamico Flash 2
A [HTML] Menu con effetto slide down HTML e CSS 0
F [HTML] Navbar interferisce con codice per effetto parallax HTML e CSS 2
D effetto con adobe muse Windows e Software 1
X [Photoshop] Cercasi strumento per ottenere un semplice effetto. Photoshop 6
S [HTML] Effetto hover in un div HTML e CSS 6
M [Photoshop] come realizzare un effetto speciale? Photoshop 1
D [HTML] Sfondo-Background fisso ma non troppo con effetto in movimento HTML e CSS 4
R [HTML] Pulsante con effetto dissolvenza (fading) HTML e CSS 10
R Effetto sul testo Javascript 3
K Effetto psichedelico Flash 0
G Effetto mosso tipo calce. Photoshop 1
P Effetto spruzzo di profumo Photoshop 1
J Aggiunta di un effetto di transizione al plugin Quick Pager jQuery 0
L effetto galleria popup (immagini) jQuery 1
M effetto del testo css HTML e CSS 1
Z Effetto pennello con Flash Flash 0
P Visualizzare video mp4 con effetto lightbox jQuery 1
L Effetto hover con jquery jQuery 2
F effetto movimento immagini jquery jQuery 3
matteoraggi Come si fa a ricreare l'effetto dei pesciolini? WordPress 3
F Effetto comparsa header Javascript 2
F mappa jquery con effetto hover + fancybox Javascript 1
F Come si chiama questo effetto hover? Javascript 1
J effetto sliding dors come cover per entrare in un sito JQ Javascript 0

Discussioni simili