/** * 创建一个星星评分的区域 * @param {*} config */function createStar(config) { //1. 将各种配置保存到变量中,没有传递的,设置默认值 var dom = config.dom; var maxNumber = config.maxNum ...
分类:
Web程序 时间:
2020-07-10 21:25:59
阅读次数:
62
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docume ...
分类:
Web程序 时间:
2020-07-10 21:18:47
阅读次数:
124
场景 效果 注: 博客: https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 将布局改为LinearLayout,并通过android:orientation="vertical">设置为垂直布 ...
分类:
移动开发 时间:
2020-01-06 23:05:29
阅读次数:
200
效果图: 图片: 完整代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>星级评分</title> <style> *{ padding:0; margin: 0; } .rating{ width:140px; heigh ...
分类:
其他好文 时间:
2019-11-11 00:07:15
阅读次数:
90
星级评分在WEB开发中经常可能会用到,因此把他封装成一个vue组件是很合适的,要做的效果如下: 因此我们需要通过后台传递过来的score来写业务逻辑 比如这个模拟数据,3.6分就应该是三颗半星,小于3.5分大于3分的依旧按3分判断 在设计给出的图标中单颗星级有无星级,半颗,以及一颗 根据星星的大小, ...
分类:
其他好文 时间:
2019-08-30 21:13:45
阅读次数:
1266
我把图片素材也提供一下 想自己做一做的小伙伴 可以保存图片到本地 ...
分类:
Web程序 时间:
2019-03-12 15:32:08
阅读次数:
206
效果图 wxml wxss js 转自小程序组件之星级评分 ...
分类:
微信 时间:
2018-11-07 16:36:06
阅读次数:
367
使用 javascript 实现简单的星级评分功能,思路很简单,封装一个能进行重复调用函数: 当鼠标移入后,遍历评分div里的子div,然后前两个子div改变背景为灰色,后面全部为橙色,然后改变对应的评分内容; 当鼠标移出后,使用for循环把子div背景颜色和评分内容恢复初始化状态; 当鼠标点击时, ...
分类:
编程语言 时间:
2018-09-22 12:39:49
阅读次数:
259
1.本人观看了慕课网上的星级评分视频,课程免费,老师讲的特别棒!视频链接:https://www.imooc.com/learn/842 2.在学习完视频后找到了一位大神手敲的代码,在他的Github上下载后,自己手动实现了一遍。源代码稍后贴出原作者的给的链接:http://www.cnblogs. ...
分类:
其他好文 时间:
2018-04-02 20:06:14
阅读次数:
158