Maison >interface Web >js tutoriel >Le plug-in jquery star-rating.js implémente le classement par étoiles effets spéciaux_jquery

Le plug-in jquery star-rating.js implémente le classement par étoiles effets spéciaux_jquery

WBOY
WBOYoriginal
2016-05-16 16:03:562196parcourir

Introduction aux effets spéciaux

Téléchargez le plug-in de notation par étoiles jquery star-rating.js. Cliquez sur le côté gauche de l'étoile ou du cœur pour obtenir un demi-point, et sur le côté droit, 1 point. Cliquez sur le signe moins pour mettre le score à 0. Non compatible avec les navigateurs inférieurs à IE8.

Photo de démonstration

Comment utiliser

La première étape consiste à introduire le code suivant :

Copier le code Le code est le suivant :

http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet">

La deuxième étape consiste à introduire la zone de saisie correspondante pour l'effet que vous souhaitez utiliser :

Copier le code Le code est le suivant :

data-symbol="" data-default-caption="{rating} coeurs" data-star-captions="{}">

La troisième étape, si vous devez réinitialiser ou soumettre le bouton, vous pouvez introduire le code suivant :

Copier le code Le code est le suivant :



La quatrième étape consiste à introduire le code d'appel js :

Copier le code Le code est le suivant :

<script><br> jQuery(document).ready(function () {<br>          $(".rating-kv").rating();<br> });<br> </script>

Télécharger depuis ce site Adresse de démonstration

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

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