如何在点击时仅选择部分图像

Question

我有一个网站的星级评分系统。 我想选择0 1/2或全星。

对于单个星形点击，我想要实现的是这个，我不确定它是否可以在jQuery JavaScript中完成：

如果用户点击左半边的任何地方，则选​​择1/2星; 但在右半边，全明星。 当然，一半（理想情况下）将在中间区域划分 - 区域空间的50/50。

这是可以做到的吗？

Answer 1

更容易的是每个开始时有2个图像 ，左右图像，以及如果没有选择任何内容则将用作背景的未选择图像。

您可以轻松地开发一个简单的框架，使其在整个网站 （以及未来的项目）中可重用，但我确实想知道 ，您是否真的想要做一些其他许多开源项目已经做过的事情？

例如 ，检查此RateIt插件示例：

http://www.radioactivethinking.com/rateit/example/example.htm

它包括你需要的所有东西，所有额外的好的ajax调用和其他一些设置，使这个真的很容易使用。