实现了点亮整颗和半颗星星
知识点:事件委托
鼠标移入移除事件
DOM元素

一、点亮整颗

点亮函数
星级评分
动态表示要点亮星星的数量
星级评分

二、点亮半颗星星

只是需要判断一下鼠标在星星中的位置是否过半,来决定点亮整颗还是半颗
星级评分
在mousemove函数和click函数中要重复计算要点亮星星的个数,最后使用了一个全局变量保存了self的值,使得点亮星星的个数num得以保存
星级评分

相关文章: