Heim > Web-Frontend > js-Tutorial > Das jquery-Plug-in star-rating.js implementiert die Spezialeffekte für die Sternebewertung_jquery

Das jquery-Plug-in star-rating.js implementiert die Spezialeffekte für die Sternebewertung_jquery

WBOY
Freigeben: 2016-05-16 16:03:56
Original
2186 Leute haben es durchsucht

Einführung in Spezialeffekte

Laden Sie das Jquery-Sternebewertungs-Plug-in star-rating.js herunter. Klicken Sie auf die linke Seite des Sterns oder Herzens, um einen halben Punkt zu erhalten, und auf die rechte Seite gibt es 1 Punkt. Klicken Sie auf das Minuszeichen, um die Punktzahl auf 0 zu setzen. Nicht kompatibel mit Browsern unter IE8.

Demobild

Anwendung

Der erste Schritt besteht darin, den folgenden Code einzuführen:

Code kopieren Der Code lautet wie folgt:

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

Der zweite Schritt besteht darin, das entsprechende Eingabefeld für den Effekt einzugeben, den Sie verwenden möchten:

Code kopieren Der Code lautet wie folgt:

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

Im dritten Schritt können Sie den folgenden Code eingeben, wenn Sie die Schaltfläche zurücksetzen oder senden müssen:

Code kopieren Der Code lautet wie folgt:



Der vierte Schritt besteht darin, den js-Aufrufcode einzuführen:

Code kopieren Der Code lautet wie folgt:

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

Von dieser Seite herunterladen Demo-Adresse

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage