11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour, vois ci le site que je suis en train de réaliser (version beta) ici
Je ne connait pas le jquery et j'ai essayer de faire mon animation je voudrai que lorsque l'on passe sur les icônes des réseaux sociaux (ex: facebook) elle ce lève et son opacité passe à 1.
Pour l'instant j'ai fait sa:
$(document).ready(function(){

        $(".ico-facebook").hover(function(){
        $(this).animate({ 
          opacity: 1,
          marginTop: "14px"
          },  500 );
        });
});

Je ne comprend pas pourquoi sa ne marche pas et aussi comment fait t’ont pour que lorsque l'utilisateur enlève son curseur sa redevienne comme avant Smiley lol

Help me please
Merci Smiley smile
Bonjour,

L'évènement hover n'a pas l'air d'être déclenché quand on survole l'image. Et ça, aussi bien en JavaScript qu'en CSS avec :hover. Sans doute parce que ton div#page est en z-index:100, et tes liens ou images en z-index:-1.

Donc le problème est plutôt du côté des styles CSS. À vue de nez tu n'as pas besoin d'un z-index sur #page, tu aurais plutôt besoin d'un en-tête en position:relative (sans z-index) et d'éléments de l'en-tête (logo, liens icones et navigation principale) positionnés en absolu, chacun avec un z-index qui va bien.
Merci j'ai fait ce que tu m'as dit et sa donne sa
Mais il me reste qq questions :
-pourquoi un trait blanc apparait au niveau du logo quand je vais sur mon icône Smiley eek
-Comment faire pour que lorsque le curseur quitte l’icône elle revienne comme avant
-L’icône facebook ne veut pas se lever et quand elle se lève c'est les 3 ensembles....
Merci de t’ont aide Smiley smile
NeepNeep a écrit :
-pourquoi un trait blanc apparait au niveau du logo quand je vais sur mon icône Smiley eek

Pas constaté ce problème.

NeepNeep a écrit :
-Comment faire pour que lorsque le curseur quitte l’icône elle revienne comme avant

Voir la documentation de jQuery.hover.

NeepNeep a écrit :
-L’icône facebook ne veut pas se lever et quand elle se lève c'est les 3 ensembles....

C'est une conséquence logique de l'utilisation de margin-top. Il faudrait procéder autrement. Quel est le meilleur moyen de décaler un élément par rapport à sa position de départ sans affecter les éléments adjacents ou le design global? Voir le Guide de survie du positionnement CSS si besoin.
J'ai résolu un problème sur 3 :ici
Mais j'ai toujours quand je passe sur mon ico facebook un trait blanc au dessus de la zone du logo....
et ensuite j'ai lu le tuto sur le positionnement mais j'ai pas compris en quoi sa pourrai me servir ici...
Merci