2011-05-01 3 views
0

Lorsque je survole mon nom d'utilisateur sur le site, il tombe une boîte. Je veux essayer et mettre en œuvre quelque chose de similaire quelqu'un peut-il me conduire dans la direction de la façon de reproduire cela? Merci!Comment puis-je obtenir une pop up sur mon site comme Stack Overflow?

+1

voulez-vous savoir comment faire ou code complet? – kobe

+1

il devrait être assez simple, je peux vous guider si vous voulez – kobe

+1

Dans quel point de mise en œuvre êtes-vous coincé? Il est toujours bon d'envoyer un exemple de votre code. Je ne peux pas voir où est le problème de votre question actuelle. Quelques indices: css: "position: absolute", "z-index", jQuery: "hover", "toggle", "get". –

Répondre

6

Juste le concept:

  1. Reçoit les mouseover événements (et mouseout).
  2. Lorsque l'événement mouseover est déclenché, vous créez/affichez un élément HTML qui y est positionné à l'aide de la manipulation DOM.
  3. Vous pouvez obtenir du contenu supplémentaire (pour montrer dans cette boîte) en utilisant AJAX.
  4. Lorsque mouseout est déclenché pour la boîte/le lien, masquez à nouveau l'élément.

Vous pouvez utiliser JQuery (ou tout autre framework) pour simplifier une grande partie de cela.

1

Il est très facile à suivre les étapes ci-dessous

1) Faites votre HTML prêt

2) Faites absolue positionné

3) Écouter jquery mouseover même annonce événement mouseover.

4) Obtenez la valeur de décalage de elemet mère qui est l'événement mouseover

5) Obtenez le val gauche et en haut de la Val mosueover de décalage val.

6) Faites une .show sur l'élément div absolu et le positionner à côté du parent elemet