javascript - 如何在点击时仅选择图像的一部分

Question

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

对于单星点击，我想要实现的是这个，我不确定它是否可以通过以下方式JavaScript完成jQuery：

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

这是可以做到的吗？

Answer 1

更容易的是每次开始时总是有2 个图像，左右图像，以及一个未选择的图像，如果没有选择，它将作为背景。

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

例如，查看这个RateIt插件示例：

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

它包括所有你需要的东西，所有额外漂亮的 ajax 调用和其他几个设置，这使得它非常易于使用。