代码可直接套用，需要更改图片地址 ...

.wxml .wxss .js ...

今天晚上研究下 五星级评分效果，类似于淘宝后台评分效果，如下图所示： 思路： 当鼠标移到一颗星的时候 判断当前的索引 当前及当前的索引前面的星星亮起来 每当移到任何一颗星星时候 下面跟随提示 mouseout时候 提示消失，移出时 全部变灰。每当点击一颗星星时候 同样判断当前的索引 当前 ...

星星图片来源于https://www.iconfont.cn/search/index?searchType=icon&q=%E6%98%9F ...

鼠标点击后可保留颜色。 页面效果如下： ...

前面有一篇原生js实现星级评分 。可能覆盖面不是很广，现在给出一个jquery实现的星级评分。 Html代码 <div class="star"> <span>jQuery星级评论 ...

　　最近的项目中有一个星级评分的需求， 自己就写了一下， 由于可能一个页面要用到多个，就采用了面向对象的写法。 　　用到的png图片也放到这里。 　　js要用到jquery。 css: 　　 js: 由于我这里的需求只有点 ...

说明： 　　本方法采用了Jquery库，暂时检测兼容IE8版本。本示例的2种颜色的星星都是放入了一张png图片当中，当然还有其他的一些实现思路。本示例展示的情况是当前页面只有一个星级评价的情况。 思路： 　　通过对星级显示元素的，mouseenter,mouseout,click 三个事件 ...