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
A voir également:
- Div masqué/découvert de facon smooth
- Numero masque - Guide
- Numero masque code - Guide
- Contact masqué messenger ✓ - Forum Facebook Messenger
- Email masqué pour votre sécurité - Forum TV & Vidéo
- Email en masqué .... - Forum Vos droits sur internet
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 ^^)
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 ^^)
Je vais regarder ça de plus près!
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