Comment obtenir un tel effet de survol ? Fermé

Question

Bonjour,
C'est simple,j'ai fait un tour sur un site sympa et y ai rencontré un effet qui m'a séduit.Je me demande donc comment je pourrait obtenir un semblable.

Au fait, l'url du site en question est http://www.sky-animes.com/index.php?file=Media&op=categorie&cat=12&p=-1 et l'effet dont je parle est celui qu'on obtient en survolant le bas d'une image. C'est un truc du genre title (en html) mais en plus designné .

scriptiz · Answer

Tu peux utiliser des librairies Javascript comme Mootools, jQuery, ... pour faire ce genre d'effet.

Un exemple de Mootools : 

https://demos111.mootools.net/Tips

Survole les vaches tu verra.

Shigure-kun · Answer

Ouais,,c'est exactement ç que je convoite. Pourrais-tu m'indiquer un tuto un peu simpliste là dessus ? Car,me mettre à js,c'est faisable mais question temps,c'est pas gagné.

scriptiz · Answer

Dans la démo que je t'ai donnée, tu clique sur "js code" ou "html code" ou "css code" et tu aura les sources utilisées pour la démo.

Il te suffit de changer quelques noms et la valeur des textes pour réutiliser tout ça chez toi. Mais attention à ne pas oublier d'intégrer la librairie Mootools avant toute chose (téléchargeable là : https://mootools.net/core ).

Ensuite si même avec le code de l'exemple tu galère tu peux aller voir la documentation :
https://mootools.net/more/docs/1.6.0/Interface/Tips

Il y a un exemple juste au dessus de "Tips Event: show" qui est plus simpliste.

Bonne chance.

Comment obtenir un tel effet de survol ?

3 réponses

Discussions similaires