Facilité d'image lors de la souris sur le lien

Question

Tout d'abord, je suis relativement nouveau pour JavaScript/jQuery.

Je veux obtenir un effet par JavaScript ou jQuery que lors d'un survol d'un lien une image va "faciliter" dans la zone de contenu et devenir visible. Après la souris, l'image disparaîtrait. J'ai cherché une telle technique/effet sans succès.

L'image se glisse sur la zone de contenu, couvrant l'image d'arrière-plan. Les liens sont dans la même zone de contenu et seront toujours visibles au-dessus de l'image d'accélération dans laquelle je pense que je peux accomplir par un index z. Quand je souris sur le lien suivant l'image suivante apparaîtra. Il y aura trois images au total.

Toute aide, orientation ou direction à un tutoriel qui fait exactement cela serait grandement appréciée.

Answer 1

Ceci peut être accompli assez facilement avec jQuery en utilisant la méthode .hover(), qui accepte des gestionnaires pour la souris et la souris sur, et la méthode .animate() pour modifier l'opacité de l'image contenue:

$('.easer').hover(function(e){ 
    $(this).find('img').stop(true,false).animate({'opacity':'1'}); 
},function(e){ 
    $(this).find('img').stop(true,false).animate({'opacity':'0'}); 
}); 

See an example of the above here.