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

How to select only part of image on click

本文关键字：选择图像一部分单击更新时间：2023-09-26

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

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

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

这是可以做的事情吗？

每次启动总是有两个图像，左图像和右图像，以及一个未选择的图像，如果不选择任何图像，该图像将用作背景。

你可以很容易地开发一个简单的框架，使其在整个网站上可重复使用（以及未来的项目），但我想知道，你真的想做几十个其他开源项目已经做过的事情吗？

作为示例，请检查RateIt插件示例：

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

它包含了您所需要的一切，以及所有非常好的ajax调用和其他一些设置，这些设置使它非常易于使用。