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

时间:2013-08-12 18:12:27

标签: javascript jquery html

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

对于单击星标,我想要实现的是这一点,我不确定是否可以在JavaScript的{​​{1}}内完成:

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

这是可以做到的吗?

1 个答案:

答案 0 :(得分:2)

每次开始 2张图片,左右图片以及未选择的图像将作为背景使用更容易。

您可以轻松开发一个简单的框架,使其可以在整个网站中重复使用(以及未来的项目),但我很想知道,您真的想做几十件事其他开源项目已经做过吗?

作为示例,请检查此 RateIt 插件示例:

  

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

它包括你需要的所有东西,所有额外的漂亮的ajax调用以及其他几个让它真的很容易使用的设置。