Aide au developpement pour débutant
Résolu
loutre-art
Messages postés
3
Date d'inscription
Statut
Membre
Dernière intervention
-
loutre-art Messages postés 3 Date d'inscription Statut Membre Dernière intervention -
loutre-art Messages postés 3 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
débutant dans la prog etc...
j'aimerai pour mon site faire un effet de style mais je ne trouve pas la solution ou du moins, je ne sais pas où chercher. Je fais appel à vous pour voir si vous pouvez m'éclairer.
Sur ce site lemonde.fr et plus particulièrement sur cette page
https://www.lemonde.fr/societe/article/2008/04/01/les-six-francais-de-l-arche-de-zoe-gracies-ont-ete-liberes_1029511_3224.html#ens_id=1019792
y a un effet de style qui me plait . Situé en dessous des pubs, il se trouve dans la partie droite milieu du site
Réagir à cet article / Voir (encadré jaune beige - puis bleu si on passe la souris sur Voir)
Lorsqu'on passe la souris sur voir, le contenu en dessous change. Pas besoin de cliquer dessus.
Connaitriez vous un site qui propose l'explication pour réaliser ça .
Merci d'avance
débutant dans la prog etc...
j'aimerai pour mon site faire un effet de style mais je ne trouve pas la solution ou du moins, je ne sais pas où chercher. Je fais appel à vous pour voir si vous pouvez m'éclairer.
Sur ce site lemonde.fr et plus particulièrement sur cette page
https://www.lemonde.fr/societe/article/2008/04/01/les-six-francais-de-l-arche-de-zoe-gracies-ont-ete-liberes_1029511_3224.html#ens_id=1019792
y a un effet de style qui me plait . Situé en dessous des pubs, il se trouve dans la partie droite milieu du site
Réagir à cet article / Voir (encadré jaune beige - puis bleu si on passe la souris sur Voir)
Lorsqu'on passe la souris sur voir, le contenu en dessous change. Pas besoin de cliquer dessus.
Connaitriez vous un site qui propose l'explication pour réaliser ça .
Merci d'avance
A voir également:
- Aide au developpement pour débutant
- Logiciel de programmation pour débutant - Guide
- Logiciel montage vidéo débutant - Guide
- Apprendre le coran pour débutant (+ pdf) - Télécharger - Histoire & Religion
- Comment utiliser un ordinateur pour un débutant - Astuces et Solutions
- L'unité de développement n'est pas installé kyocera - Forum Imprimante
2 réponses
Salut.
c'est du javascript.
en fait il y a deux DIV. Qui sont déjà chargées. Mais une est cachée et l'autre non. Quand tu passes avec la souris dessus, il inverse le visible des deux DIV.
donc en fait tu crée deux div.
tu specifie dans le style css: visible:hidden pour l'un et visible:visible pour l'autre.
puis sur le onmouseover de chaque div tu execute une fonction JS qui met en visible la div cachée et inversement.
exemple de la fonction:
function changeV(idV,idC){
document.getElementById(idV).style.visible="visible";
document.getElementById(idC).style.visible="hidden";
}
oublie pas de specifier un id a chaque div, et dans le mouseover tu met les nom de ces id.
@++
c'est du javascript.
en fait il y a deux DIV. Qui sont déjà chargées. Mais une est cachée et l'autre non. Quand tu passes avec la souris dessus, il inverse le visible des deux DIV.
donc en fait tu crée deux div.
tu specifie dans le style css: visible:hidden pour l'un et visible:visible pour l'autre.
puis sur le onmouseover de chaque div tu execute une fonction JS qui met en visible la div cachée et inversement.
exemple de la fonction:
function changeV(idV,idC){
document.getElementById(idV).style.visible="visible";
document.getElementById(idC).style.visible="hidden";
}
oublie pas de specifier un id a chaque div, et dans le mouseover tu met les nom de ces id.
@++