[AIDE] Apparition/Disparition de DIV Progressif

Version imprimable

27/03/2008, 19h19
will74

[AIDE] Apparition/Disparition de DIV Progressif

Bonsoir à tous !

Je requiert votre aide pour un script Javascript !
L'idée serait de permettre grâce à un lien texte, l'apparition/disparition d'une div, et ce de manière progressif !

Cette div serait du style hidden au chargement de la page, et au clic sur un lien, s'afficherait progressivement en sortant du bas de la page ! Ou l'inverse pour la disparition !

Il s'agit d'une simple div contenant un background simple et quelques liens !

Merci d'avance à celui qui pourra me donner un script !

Bonne continuation

Will

voici un script que spaffy a donné :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Fading Pic</title>
</head>
 
<body>
<img id="spaffySpecial" src="lungs.gif" width=116 height=123 style="-moz-opacity:0;filter:alpha(opacity=0)">
<br/>
Opacité : <input type='text' id='result' style="width:40px;text-align:right;" />
<script>
var max = 100;
var min = 0;
var opacite=min;
up=true;
var IsIE=!!document.all;
var ThePic=document.getElementById("spaffySpecial");
 
function fadePic(){		
				if (opacite<max && up){opacite+=2;}
				if (opacite>min && !up){opacite-=2;}
				if (opacite>=max){up=false;}
				if (opacite<=min){up=true;}
 
IsIE?ThePic.filters[0].opacity=opacite:document.getElementById("spaffySpecial").style.opacity=opacite/100;
document.getElementById('result').value=opacite+"%"
}
setInterval(function(){fadePic();},100)
 
</script>
</body>
</html>

un minimum de recherche aurait aidé :roll:

28/03/2008, 18h32
will74

Merci pour la réponse !
Je ne cherchais pas quelque chose dans ce style mais je pense qu'après réflexion, c'est tout aussi bien et adaptable !
Si d'autres ont un script différent qui reprend l'apparition par glissement bas/haut, je suis toujours preneur !

Bonne continuation

Will
28/03/2008, 18h36
SpaceFrog

j'en ai aussi mis un quelque part .;.
une recherche avec div déroulant devrait t'aider ...