评定星级的前端显示js

　　五颗星的星级评定：

　　说明：假设是利用三种图片显示星级评定，即 1.满亮的星 2.半亮的星星 3.不亮的星星；

　　　　　满分是5分；（此处当然可以作为一个参数可变

　　　　　函数传入参数grade表示当前分值。

    function star_show(grade){var star = 0,// 点亮的星星数量half = 0,// 半亮星星  1是有半颗的情况nostar = 0;// 不亮的星星数量grade = parseFloat(grade);if (isNaN(grade) || grade <= 0) grade = 0;if (grade > 5) grade = 5;star = parseInt(grade);// 说明存在半颗星if (grade - star > 0) half = 1;// 不亮的个数nostar = 5 - star - half;var path = "imgs.example.com/",    // 图片主路径star_img = path + "ok-xing.png",// 满星图片地址half_img = path + "nk-xing.png", // 半星图片nostar_img = path + "no-xing.png",// 不亮的图片地址html = '';// 方法返回的html// 满星for(var i=0; i< star; i++){html += '<img src="' + star_img + '"/>';}// 半星if (half == 1){html += '<img src="' + half_img + '"/>';}// 不亮的星for(var j=0; j < nostar; j++){html += '<img src="' + nostar_img + '"/>';}return html;}

转载于:https://www.cnblogs.com/firstForEver/p/4968401.html

评定星级的前端显示js相关推荐

关于ArcGIS动态图层空间内栅格数据，JS前端显示颜色不正确的解决方案
关于ArcGIS动态图层空间内栅格数据,JS前端显示颜色不正确的解决方案参考文章: (1)关于ArcGIS动态图层空间内栅格数据,JS前端显示颜色不正确的解决方案 (2)https://www.cn ...
建站四部曲之前端显示篇（React+上线）
本系列分为四篇: 建站四部曲之后端接口篇(SpringBoot+上线) 建站四部曲之Python数据爬虫篇(selenium) 建站四部曲之前端显示篇(React+上线) 建站四部曲之移动端篇(And ...
前端显示文本时的格式设置
有时,前端页面文字内容需要按照我们输入的格式显示,比如,我们输入换行.空格,这些在文字显示时都需要显示出来.这里有一个较为简单的解决方式前端显示界面: 代码: <div class=" ...
echarts 时间曲线图_web前端显示设备实时温度，ECharts实现温度折线图，实时动态温度曲线图生成...
web前端显示设备实时温度, 具体步骤如下: 1.在页面中引入ECharts文件echarts-all.js 2.在body中为ECharts准备一个具备大小(宽高)的Dom 3.具体JS代码如下: ...
前端面试 - JS总结（1） - 基础 (数据类型, 事件与函数, 原型链)
你不走出舒适圈,又怎么知道自己多坚强?! 前端面试 - JS总结(1) - 基础 (数据类型, 事件与函数, 原型链) 前端面试 - JS总结(2) - ES6 (let, 箭头函数, this) 前 ...
Django Iframe +Form 上传图片文件等前端显示
在Django中 Iframe + Form 上传文件图片并预览后端views.py def upload(request):return render(request,'upload.html' ...
[前端] Node.js + Web Socket 打造即时聊天程序嗨聊
前端一直是一块充满惊喜的土地,不仅是那些富有创造性的页面,还有那些惊赞的效果及不断推出的新技术.像node.js这样的后端开拓者直接将前端人员的能力扩大到了后端.瞬间就有了一统天下的感觉,来往穿梭于前 ...
关于值班表的前端显示
有这么一张图,如下,有没有想起它是什么呢? 遇到实际问题: 比如值班人员具体值班时间显示,领导说,我要很直接的看出,哪些同学在哪个时间段的值班状态. 嗯是的,就是这么一句话.需求也就是这么一句话,剩下 ...
jpeg二进制数据转base64后在前端显示
需求:前端从后端获取图片. 背景:后端数据均保存在硬盘里,从硬盘取出后的Jpeg图片,二进制数据传输给前端显示图片直接二进制传输,中间层需要兼容,想着直接转base64字符串,js刚好可以直接显示图 ...

评定星级的前端显示js

评定星级的前端显示js相关推荐

最新文章

热门文章