小编dma*_*ruz的帖子

我目前正在制作留言簿,我想创建一个星级评分系统.但我被卡住了!当我点击它们时,我无法修复星星以使它们保持黄色(gelb).

到目前为止这是我的代码:

  <div class="rating">
        <p id="rating-paragraph">Rate</p>
        <img id="stern1" src="pictures/durchsichtig.png"  onmouseover="stern1.src='pictures/gelb.png'" onmouseout="stern1.src='pictures/durchsichtig.png'" alt="error"> <?php ?>
        <img id="stern2" src="pictures/durchsichtig.png"  onmouseover="stern1.src='pictures/gelb.png'; this.src='pictures/gelb.png'" onmouseout="stern1.src='pictures/durchsichtig.png'; this.src='pictures/durchsichtig.png'" alt="error">
        <img id="stern3" src="pictures/durchsichtig.png"  onmouseover="stern1.src='pictures/gelb.png'; stern2.src='pictures/gelb.png'; this.src='pictures/gelb.png' " onmouseout="stern1.src='pictures/durchsichtig.png';stern2.src='pictures/durchsichtig.png'; this.src='pictures/durchsichtig.png' " alt="error">
        <img id="stern4" src="pictures/durchsichtig.png"  onmouseover="stern1.src='pictures/gelb.png'; stern2.src='pictures/gelb.png'; stern3.src='pictures/gelb.png'; this.src='pictures/gelb.png' " onmouseout="stern1.src='pictures/durchsichtig.png';stern2.src='pictures/durchsichtig.png'; stern3.src='pictures/durchsichtig.png';this.src='pictures/durchsichtig.png' " alt="error">
        <img id="stern5" src="pictures/durchsichtig.png"  onmouseover="stern1.src='pictures/gelb.png'; stern2.src='pictures/gelb.png'; stern3.src='pictures/gelb.png'; stern4.src='pictures/gelb.png'; this.src='pictures/gelb.png' " onmouseout="stern1.src='pictures/durchsichtig.png';stern2.src='pictures/durchsichtig.png'; stern3.src='pictures/durchsichtig.png';stern4.src='pictures/durchsichtig.png'; this.src='pictures/durchsichtig.png' " alt="error">
    </div>

和css:

__CODE__

谢谢你的时间,也许是为了一些帮助或建议:)