/starRating

Primary LanguageJavaScript

starRating

说明

  • 第一种方法使用js实现,可以点亮整颗星星和半颗星星,参数:
    • num: 默认点亮的星星颗数
    • readOnly: 是否只读,为true时不能操作
    • select: 鼠标移动过程中触发的回调
      • current: 当前移动到第几颗
      • total: 星星总数
    • chosen: 鼠标点击时触发的回调
      • current: 当前移动到第几颗
      • total: 星星总数
  • 第二种方法同第一种方法实现原理相同,区别是使用的img标签显示星星
  • 第三种方法使用锚点实现。
  • 第四种暂时未实现(纯css实现方式)
  • 第五种方法使用js实现,可以点亮整颗,半颗或四分之一颗,星星总数可自定义,可添加其他点亮模式,相对于第一种方法新增如下参数:
    • mode: 点亮模式('entire', 'half', 'quarter')
    • displayId: 展示条ID
    • total: 需要的星星总数
  • 第六种实现方式可点亮任意长度的星星,点击之后解除绑定事件

未实现功能:

  1. 第四种实现方式