在网页中需要做评分的页面使用到的小星星制作,其中选择之后也是获取选中之后的值保存到溏胃釜阼对应的字段,读取的时候只在只读里面输出相应的结果就可以输出星星了;辔亿呶邂说到底还是星星的多少对应值,也可以输出对应自定义的文本。这需要加载一个插件框架就可以,也有很多其他的效果
工具/原料
layui框架插件
加载js,写js代码控制
方法/步骤
1、在网上找到框架,拿过来解压放置固定文件夹待引用,一般放置js的文件夹即可,如图,引用对应的就是即可
2、基础的效果演示,点击相堑霎夭酾应的星星就会有相应的效果,这时候是全星,,也可以填写相应的默认值显示效果;点击会反应多少星
3、半星效果对应的代码,上面的一段是没有文字显示的,下面会显示数字,表示得了多少分,或者定义多少单位
4、自定义内容,自定义内容,可以定义对应星级的对应文字显示,如图所示,越低星就会有越差的效侈砉齿垃果评价,下面的就是对应的数值,和上面接收的有些相似
5、也可以自己定义星星的长度,需要多少个就定义多少个,也可以自己像上面一样设定默认值
6、当然也可以改变颜色,主题色默认就是黄色,但是你需要变成其他颜色,只有如图填写相应的颜色代码即可