jQuery实现五星评分效果

效果如下：先是移入变色，在是点击变色后移出不变色。

HTML代码，插入的图片默认为灰色背景。为什么不直接5个img标签？如果直接是五张图片的话，鼠标移动到中间空隙时会有移出效果，看着就像有bug一样。这里利用了五个li，每当鼠标移入li，就会亮一张图，到空隙的时候就不会有移出效果，图片也不会变灰。

   <ul>
        <li>
            <img src="./empty.png" alt="">
        </li>
        <li>
            <img src="./empty.png" alt="">
        </li>
        <li>
            <img src="./empty.png" alt="">
        </li>
        <li