2010-09-12 20 views
0

Création d'un site Web en utilisant un code HTML simple (pas html5) et css mais stocké dans l'effet mouseover. Besoin d'afficher du texte avec l'image d'arrière-plan lorsque l'utilisateur passe la souris sur un lien. Voici un exemple ..menu contextuel de la souris

NORMAL: On mouse Out

SUR: alt text

Je ne pense pas qu'il est possible de créer l'effet avec CSS simple. Ma question est de savoir quel est le moyen le plus efficace pour créer l'effet et comment? Javascript, DHTML ou autre langue ...

Merci à l'avance ... Rex ...

+0

On dirait un menu flyout assez standard http://www.google.com/search?q=flyout+menu+css – mplungjan

Répondre

3

Rex,

Je pense que vous trouverez jQuery très utile. jQuery est un framework javascript, très facile à utiliser. Vous pouvez obtenir votre effet avec du javascript pur, mais encore une fois, je pense que vous trouverez l'utilisation d'un framework javascript beaucoup plus facile, puisque vous venez d'ActionScript.

Pour votre cas particulier, je ferais un div absolument positionné. Pour afficher la div sur mouseover, vous pouvez utiliser jQuery $ ("# div_id"). Show(); et sur mouseout, utilisez .hide();

Voici un tutoriel de base pour utiliser show hide sur les événements avec jQuery.

http://www.learningjquery.com/2006/09/slicker-show-and-hide

Bonne chance!

+1

Ouais, d'accord avec celui-ci. JQuery Rocks – Raymund

+0

Merci pour la réponse, j'étais sur le point de poser des questions sur le javasciprt/jquery ... au coup d'œil le tutoriel ressemble à ce que je cherche ... et un peu plus ... ce qui est génial ... Voyons comment va ... Merci, Rex – rex

0

Vous pouvez utiliser javascript pour afficher un div caché qui est d'avoir un texte écrit à l'intérieur. Pour cela, utilisez les événements onmouseover et onmouseout de javascript.

Cependant, avez-vous essayé d'utiliser la propriété href: hover de css pour y parvenir?

+0

Salut Sushil merci pour la réponse rapide ... Je suis programmeur ActionScript et je ne sais pas grand-chose à propos de Javascript et juste apprendre CSS. Je sais que je peux ajouter une image/changer l'image bg mais je ne sais pas sur le texte .... Je penche vers javascript car les fonctions sont modulables ... comme je suis assez nouveau à ce sujet ... de bonnes recommandations de tutoriel. .. Merci, Rex – rex

+0

voir si cet article vous aide à augmenter vos connaissances http://www.alistapart.com/articles/hybrid/ –