Div masqué/découvert de facon smooth
kursus
-
dilettante -
dilettante -
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
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
Configuration: Windows XP Firefox 3.0
2 réponses
-
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 ^^) -
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
