Menu en déroulant avec rollover

Menu en déroulant avec rollover - HTML/CSS - Programmation

Marsh Posté le 30-07-2009 à 13:19:17    

Bonjour!  :hello:  
Voila, je tente de faire des menus déroulant. Avec le CSS ca marche bien sur tous les navigateurs (Sauf IE7 et précédent, donc j'y mêle un peu de js). Le problème, c'est que j'aimerais combiné mon menu avec un rollover. C'est à dire que lorsque l'on passe sa souris, le menu s'affiche mais le bouton change aussi. Je pense que vous avez compris! Malheureusement, je n'y arrive pas! Je les combine, mais le menu prend le dessus par rapport au rollover, ce dernier n'apparait uniquement lorsqu'on passe la souris dessus...
J'ai tout tenté, j'y ai passé des heures, et je suis tombé sur un site qui y arrive ( http://www.residentevilsaga.it ), alors j'ai cherché à comprendre leur code, mais c'est un peu trop le foutoir pour moi (vu que je ne suis pas un pro...).
C'est pour mon site http://ultimate-re.com/accueil2.php, c'est une version de travail (la section news ne rentre pas dans le cadre car elle est taillée pour la version actuelle qui va changer http://ultimate-re.com/accueil.php ), et je n'ai pu mettre que les menus (Pas définitifs)... Ca serait plus joli avec un rollover! :D
Si vous pouviez m'aider et me diriger vers une piste, ca serait sympa!
Merci d'avance!  ;)


Message édité par nemesiscv le 30-07-2009 à 13:23:49
Reply

Marsh Posté le 30-07-2009 à 13:19:17   

Reply

Marsh Posté le 30-07-2009 à 14:56:54    

Quel est le problème ? Le menu de http://ultimate-re.com/accueil2.php fonctionne très bien...  [:cerveau eonwe]
 
Ah pour le rollover, atta... :p
 
Tu peux utiliser jquery :
 
http://www.astucesdewebmaster.com/ [...] -jquery-28


Message édité par Pascal le nain le 30-07-2009 à 14:58:59
Reply

Marsh Posté le 30-07-2009 à 15:10:16    

Merci mais ce n'est pas!
Ce que j'aimerais, c'est qu'il y ai un menu composé uniquement de rollover. Genre "Téléchargements" et quand on passe sa souris dessus l'image change ET le menu s'affiche. Car la je ne peux pas combiner les deux.
 
J'espère que c'est clair... :s

Reply

Marsh Posté le 30-07-2009 à 16:42:11    

nemesiscv a écrit :

J'espère que c'est clair... :s


 [:valvendeur]  
 
 
Tu veux que le menu démarre plus haut et se superpose sur le bouton c'est ça ?


Message édité par Pascal le nain le 30-07-2009 à 16:42:33
Reply

Marsh Posté le 30-07-2009 à 16:57:13    

Regarde sur http://www.residentevilsaga.it/ . Tu vois, les boutons en haut, ce sont des rollovers, ils changent quand on passent la souris dessus (Ca se voit pas très bien, mais c'est bien ca). Et en plus de changer quand on passe la souris dessus, le menu apparait.
 
Mais moi je n'y arrive! C'est soit les rollovers, soit les menus...
 
Plus clair? ^^

Reply

Marsh Posté le 30-07-2009 à 17:03:08    

[:flo850]  
 
Mmmh, et si tu laissais tomber le hover en css, et que tu modifiais le css/image du menu directement par ta fonction javascript appellée lors du mouseover ?
 
du genre
 

fonction_appelée_lors_du_mouseover {
document.getElementById('bouton1').changer_le_style_css();
ouvrir_le_menu();
}


 
Puis
 
 

fonction_appelée_lors_du_mouseout {
document.getElementById('bouton1').re-changer_le_style_css();
fermer_le_menu();
}


Message édité par Pascal le nain le 30-07-2009 à 17:04:52
Reply

Marsh Posté le 30-07-2009 à 19:09:27    

Euh ouais...
Je suis pas fort en JS alors...
:)

Reply

Marsh Posté le 30-07-2009 à 19:46:34    

Alors tu utilises tes fonctions de rollover a l'aveuglette ?

Reply

Marsh Posté le 30-07-2009 à 21:40:57    

Le rollover est en CSS.

Reply

Marsh Posté le 30-07-2009 à 22:09:52    

Le rollover n'existe pas en langage web.
Il s'appelle hover en css, ou bien onmouseover en javascript.
 
Je voulais parler de l'apparition du menu.


Message édité par Pascal le nain le 30-07-2009 à 22:11:27
Reply

Marsh Posté le 30-07-2009 à 22:09:52   

Reply

Marsh Posté le 30-07-2009 à 22:31:52    

Oui, les menus sont en javascript, du moins, j'ai compris ce que j'ai mis.

Reply

Marsh Posté le 02-08-2009 à 21:47:29    

tu disais que ça marchait pas avec ie inferieur à 7  
c'est possible sans js  
http://bormat2.free.fr/

Reply

Marsh Posté le 02-08-2009 à 22:20:01    

Oui, mais ce n'est pas cela qu'il veut.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed