bootstrap五星评分_jquery星星评分插件Bootstrap Star Rating

插件描述：Bootstrap Star Rating是一个简单而强大的jQuery插件实现星级分数评级。

更新时间：2017/8/4 下午5:44:11

更新说明：已更新到4.01版

一个简单而功能强大的jQuery插件引导星评级，支持像分数星填充和RTL输入先进的功能。在利用纯CSS-3造型使控制重点开发。该插件使用引导标记和造型默认情况下，但它可以覆盖与其他任何CSS的标记。

特点

任何HTML输入转换为一个星级控制。

插件自动转换一个星级的输入控制如果你设置它的类=评级。所有的选项输入可以通过HTML5数据属性。

纯粹的CSS3样式星星。告别图像精灵或图像背景。提供清洁的可缩放矢量图标。选择一个可以使用Unicode字符设置为覆盖符号。

渲染和显示部分星评级。配置数量的星星,最小,最大,一步,理论上支持任何分数评级。

使用引导3。默认x风格&符号。但这可以覆盖与插件参数和自己的CSS样式。

支持右到左(RTL)输入。自动变化对RTL明星风格。

星星清晰选择的方式方法。控制按钮元素可以清楚的表明。

星级重置为初始值重置表单。

整个插件的大小,小于11 kb(约8 kb的缩小JS和3 kb缩小CSS)。

使用方法

你也可以手动安装插件很容易到你的项目中。只是下载源代码插件(css和js文件夹)到您的项目。

步骤1:加载下列资产在你的头。

如果你注意到,你需要加载jquery.min.js和bootstrap.min.css除了star-rating.min.css和star-rating.min.js插件使用默认设置。

第二步:设置您输入标记自动初始化评级

步骤3:初始化插件页面上的其他输入类型。例如,

//初始化默认值$("#input-id").rating();

//插件选项$("#input-id").rating({'size':'lg'});

#input-id是标识符的输入(e.g. type=number)在你的页面,自动隐藏的插件。

或者,你可以直接调用插件选项通过数据属性设置为你的输入字段。

bootstrap五星评分_jquery星星评分插件Bootstrap Star Rating相关推荐

android星星评分,Android星星评分控件RatingBar的使用
在Android的开发中,有一个叫做评分控件RatingBar,我们可以使用该控件做等级划分.评分等作用,星星形状显示,也可以半星级别,我们来看一下评分控件如何使用. 布局文件中定义控件以及属性,这里 ...
顶级的 Bootstrap 日期选择器和时间选择器插件（附免费下载链接）
顶级的 Bootstrap 日期选择器和时间选择器插件 Bootstrap的Datepicker元素是一种用户友好和直观的方式,可以轻松选择日期.它可用于移动端和PC端,还可以选择以 "从右 ...
Bootstrap图标实现移动端的星星评分功能
利用Bootstrap图标实现星星评分功能: <html lang="zh-cn"> <head><meta http-equiv="Con ...
DEDE_5.7星星评分插件首发！
http://www.dedemoban.com/DeDechajian/2013/0201/557.html 此dede_5.7星星评分插件制作于2013年2月1日! 分为两种安装模式(任选其一) ...
源码推荐：仿写映客直播 ,快速切换主题 ,星星评分控件,表格样式，可以横向移动的表格, 仿微信键盘-
仿写映客直播(上传者:五仁月饼) 工作之余写的,基于IJKPlayer播放,对内存做了处理.目前已完成直播列表和直播间的搭建,后续还会慢慢完善. 项目地址 publishImageAndVideoAn ...
使用cookie实现京东商品评价的五星好评组件的评分数据存储
整个项目的文件结构: img文件夹中使用的图片 commstar.png: face-red.png: JS代码 export default class Star {elem;label;name; ...
html 星星评分显示,js实现的星星评分特效
今天闲来无事,在www.jsfoot.com中看到一个星星评分的特效,所以就拿来用了用,效果还不错,不过还不能满足我的需求,所以自己稍作了修改.本人js技术是个菜鸟,很多我也不是很明白,所以解释的不是 ...
js 星星评分 (根据数据显示星星个数)-----简版
星星评分-简版纯属自己的想法最近在做一个项目用到星星评分,然后就各种找插件,还是不能满足我的要求,然后就自己写了一个,笨方法,可能不是很好,记录一下. 新的改变 /评分/ .box { width ...
基于Metronic的Bootstrap开发框架经验总结（5）--Bootstrap文件上传插件File Input的使用...
Bootstrap文件上传插件File Input是一个不错的文件上传控件,但是搜索使用到的案例不多,使用的时候,也是一步一个脚印一样摸着石头过河,这个控件在界面呈现上,叫我之前使用过的Uploadi ...

bootstrap五星评分_jquery星星评分插件Bootstrap Star Rating

bootstrap五星评分_jquery星星评分插件Bootstrap Star Rating相关推荐

最新文章

热门文章