Sistema de clasificación de estrellas HTML5 simple-SimpleStarRating. js

Vista prévia

Descripción

SimpleStarRating. js es una biblioteca de JavaScript ligera que se utiliza para generar un sistema de clasificación por estrellas simple y fácil de personalizar sin ninguna dependencia 3rd ni fuentes de iconos.

Funcionamiento

Coloque el SimpleStarRating. CSS y SimpleStarRating. js en su página HTML de la siguiente manera:

<link rel="stylesheet" href="SimpleStarRating.css">
<script src="SimpleStarRating.js"></script>

Cree un elemento vacío para colocar el sistema de clasificación por estrellas.

<span class="rating"></span>

También puede especificar el valor de valoración inicial utilizando el atributo ' Data-default-rating '.

<span class="rating" data-default-rating="2.5"></span>

Inicializar el sistema de clasificación por estrellas. Representará un sistema básico de calificación de 5 estrellas dentro del elemento que acaba de crear.

var ratings = document.getElementsByClassName('rating');

Especifique el número de estrellas de calificación que desea utilizar.

<span class="rating" data-stars="10"></span>

Estilo de las estrellas de calificación.

.rating {

...
}

API methods.

• disable: deshabilita la calificación de ser cambiada
• enable: rehabilita la interactividad
• setCurrentRating: cambia la clasificación actual (seleccionada por el usuario) (clasificación de datos) y la muestra
• setDefaultRating: cambia la clasificación predeterminada (Data-default-rating) y la muestra