Javascript 如何在单击时仅选择图像的一部分

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

对于一次星型点击，我想实现的是这一点，我不确定它是否可以在

jQuery的
JavaScript
中实现：

如果用户点击左半部分的任意位置，则选择1/2星；但在右半，全明星。当然，一半（理想情况下）将被划分到中间-50/50的面积空间

这是可以做到的吗？
最简单的方法是每次启动时都有2张图像，左图像和右图像，以及一张未选择的图像，如果不选择任何图像，该图像将用作背景

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

作为一个示例，请检查此插件示例：


它包括您所需要的一切，以及所有额外的漂亮的ajax调用和其他一些设置，这些设置使它非常易于使用。
试试jQuery raty插件，您可以让每一半都成为一个单独的图像。既然你（可能）无论如何都想“填满”一半，这会让事情变得更容易——只需将空的半星图像换成全半星图像；完全忘记了这个概念。相反，我认为你是正确的，因为如果我建立在我自己的基础上；我会这样做的。但我认为你是对的，我先看看有没有合适的图书馆。