代碼可直接套用，需要更改圖片地址 ...

.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 三個事件 ...