Aide au developpement pour débutant Résolu/Fermé

Question

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

guimton · Answer

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. 

@++

loutre-art · Answer

Ok je vois le début, mais quand je mets

Aide au developpement pour débutant

2 réponses

Discussions similaires