Div masqué/découvert de facon smooth

Fermé
kursus - 2 avril 2008 à 10:28
 dilettante - 11 juin 2009 à 15:47
Bonjour,

J'ai sur mon site des Div masqués que je fais apparaître à l'aide du code suivant:

function aff(objet){
if(document.getElementById(objet).style.display == "block") {
document.getElementById(objet).style.display = "none"; } else {
document.getElementById(objet).style.display = "block"; }}

Cepedant, les blocs apparaissent et disparaissent de façon instantanée, du style "on" et "off" quoi.

J'ai vu sur certains sites que l'on pouvait faire la même chose avec un joli effet de scrolling, où l'on voit le bloc progressivement apparaître.

Savez-vous comment est-ce que l'on peut faire ça?

Merci
A voir également:

2 réponses

IdleMan Messages postés 243 Date d'inscription jeudi 17 janvier 2008 Statut Membre Dernière intervention 25 juin 2012 60
2 avril 2008 à 10:47
On peut faire ça simplement avec des librairies javascript/ajax comme mootools , je t'invite a mater la page exemple , une de leurs fonctions permet de migrer progressivement d'un style a un autre , tu n'a plus qu'a adapter :

Voila les liens exemples directs que tu peut utiliser pour arriver a tes fins :

http://demos.mootools.net/Fx.Morph
http://demos.mootools.net/Fx.Styles
http://demos.mootools.net/Fx.Slide
http://demos.mootools.net/Accordion
http://demos.mootools.net/Fx.Elements

Si tu a une question n'hesite pas , mootools n'est pas forcement facile a aborder au depart (enfin c'est super simple mais faut gerer l'anglais ^^)
4
Super conseil, merci Idleman!
Je vais regarder ça de plus près!
0
francdrum Messages postés 853 Date d'inscription mardi 12 décembre 2000 Statut Membre Dernière intervention 4 février 2011 48
13 mai 2009 à 20:13
Merci pour ces liens
Je sais bien que ça fait un petit moment que ce topic a été posté, mais ces scripts sont tjs d'actualité :-)
Avec le Fx.Slide, y a t-il un moyen pour que les "div" soient fermées à l'ouverture de la page ?
Merci d'avance
0
francdrum Messages postés 853 Date d'inscription mardi 12 décembre 2000 Statut Membre Dernière intervention 4 février 2011 48
14 mai 2009 à 10:59
Re :-)
Je me permets de faire remonter ce topic à une heure où il y a un peu plus de monde ....
Merci pour vos réponses
Fañch
0
un peu tard mais bon...

J'ai ce genre de chose dans mon script

var myVerticalSlide = new Fx.Slide('vertical_slide').hide();

le .hide(); à la fin permet de cacher a l'affichage
0