Maison >interface Web >js tutoriel >2 types de jQuery pour réaliser un effet de carte à gratter_jquery

2 types de jQuery pour réaliser un effet de carte à gratter_jquery

WBOY
WBOYoriginal
2016-05-16 16:16:401363parcourir

L'effet de revêtement par glisser-gratter utilise la méthode déplaçable de jquery UI

Voici le code source :

Copier le code Le code est le suivant :

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
http://www.w3.org/1999/xhtml">

jQuery UI simule le revêtement des billets de loterie à gratter pour afficher les résultats






Remarque : IE6 n'est pas pris en charge !


Effet 1 (faites glisser la barre grise) :




Veuillez le gratter complètement pour voir les résultats gagnants.


Effet 2 (cliquez sur la barre grise) :




Veuillez le gratter complètement pour voir les résultats gagnants.






Ici, j'aimerais partager avec vous les codes d'effets spéciaux très couramment utilisés pour gratter des prix. J'espère que vous les aimerez.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn