jQuery |如何使用 RateYo 实现星级评分系统
rateYo :- rateYo 是一个 jQuery 插件,用于创建一个星级小部件,允许在鼠标悬停时填充基于 SVG(可缩放矢量图形)的星级的未评级部分的背景颜色。它是完全可定制和可扩展的,以满足任何设计需求。
使用 RateYo 实现 Star-Rating 系统的步骤:
- 安装:
1. # NPM $ npm install rateYo 2. #Bower $ bower install rateYo
您还可以使用 Google 托管/Microsoft 托管的内容交付网络 (CDN) 来包含一个 jQuery 版本。
- 在 html 页面的 head 部分添加所需的样式表。
- 创建一个 div 作为星级容器。
- 在html页面的body部分添加需要的样式表,并链接rateYo插件的javaScript文件来执行各种功能。
- 调用一个插件,将基本的星级渲染到您创建的 rateYo div 中。
$("#rateYo").rateYo();
例子
rating 输出
- 在 html 页面的 head 部分添加所需的样式表。