Топ-7: Лучшие плагины со звездным рейтингом jQuery и JavaScript

Многим людям нравится видеть квалификацию или рейтинг о продуктах, статьях или других видах подходящих вещей. Если вашему приложению требуется такой компонент, вы можете подумать, что его реализация может быть сложной и хитрой, однако вы можете знать, что уже есть много разработчиков, которые открывают исходный код такого компонента и что вы можете легко встраивать их в свой собственный проект и быстро.

В этом топе мы поделимся с вами 7 лучшими плагинами, которые помогут вам создать такой компонент за пару минут, наслаждайтесь!

7. Rater.js

Github

Rater JS

Rater.js — это настраиваемый виджет рейтинга, который поддерживает изображения, символы utf8 и другие HTML-элементы. Пользовательские символы могут быть добавлены через объект символа в настройках. UTF8, UTF32 и в основном любое изображение или элемент HTML должны работать.

6. RateIt

Github

Оцените плагин

Рейтинговый плагин для jQuery — это быстрое прогрессивное улучшение, сенсорная поддержка, поддержка значков и шрифтов, настраиваемый, ненавязчивый JavaScript (с использованием атрибутов data- * HTML5), поддержка RTL, поддержка любого количества звездочек, а также любого шага. размер.

5. Starr

Github

Starr Rating Плагин

Starr — очень простая библиотека для реализации компонента рейтинга. Существуют и другие библиотеки, но ни одна из них не приближается к уровню ясности и лаконичности, с которым девелопер жаждет. Starrr содержит менее 75 строк кода, поэтому вы можете понять весь его исходный код примерно за минуту. Плагину требуется Bootstrap и шрифт для отображения звезд, но вы можете использовать что-то еще.

4. Звездный рейтинг SVG

Github

Звездный рейтинг SVG

Звездный рейтинг SVN позволяет реализовать такой компонент, который использует SVG для упрощения настройки. Особенности:

  • Не использует внешние изображения
  • Настроить размер
  • Настроить цвета
  • Используйте половину или полные звезды
  • Выберите количество звезд для отображения
  • Определить цвет градиента выбранных звезд
  • Укажите границу / толщину обводки и цвет
  • Укажите начальный рейтинг через параметры или атрибут данных разметки
  • Выполнить обратный вызов после оценки (например, чтобы уведомить сервер)
  • События onHover и onLeave
  • Режим блокировки / только для чтения
  • Опция выгрузки
  • Изменить форму звезды (округлая или прямая)
  • Изменить размер звезд

3. JQuery Bar

Github

Бар Рейтинг

Плагин jQuery Bar Rating работает путем преобразования стандартного поля выбора в виджет рейтинга. Виджет рейтинга может быть гибко стилизован с помощью CSS. Плагин поставляется с несколькими разновидностями рейтингов звезд, совместимых с популярными библиотеками, и может использоваться для отображения дробных рейтингов звезд.

2. RateYo

Github

Оцените плагин jQuery

RateYo! это крошечный и гибкий плагин для оценки рейтинга jQuery, он использует SVG для отображения рейтинга, поэтому изображения не требуются. Просто создайте элемент div, добавьте несколько стилей, инициализируйте и все! Теперь у вас есть потрясающий рейтинг, готовый к использованию в вашем приложении.

1. Bootstrap Звездный рейтинг

Github

Bootstrap Звездный рейтинг

Bootstrap Star Rating — простой, но мощный плагин JQuery для оценки рейтинга для Bootstrap, который поддерживает расширенные функции, такие как дробное заполнение звезд и поддержка ввода RTL. Разработан с акцентом на использование чистого стиля CSS-3 для визуализации элемента управления. Плагин по умолчанию использует разметку и стиль Bootstrap, но его можно переопределить любой другой разметкой CSS.

Если вам известен еще один замечательный плагин jQuery для реализации компонента рейтинга, поделитесь им с сообществом в поле для комментариев.

Ссылка на основную публикацию
Adblock
detector