jQuery实现评分效果

227 阅读1分钟

首先实现星星的实心和空心区分(生成): 接着实现鼠标悬浮高亮效果:

首先获取所有的‘star’:$('.star')

接着获取当前悬浮的下标:let index = $(this).index()

紧接着,小于当前下标的,去除空心样式,加上高亮样式;大于当前下标的,去除实心样式,加上空心样式: 也可以使用each方法遍历所有的星星: 亦可使用eq(i)进行遍历: 最后实现鼠标离开实心变空心效果,原理同上: 注意:点的时候修改score: