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

标签 javascript jquery html

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

对于单星点击,我想要实现的是这样的,我不确定它是否可以在 jQueryJavaScript 中完成:

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

这是可以做的事情吗?

最佳答案

更简单的方法始终是每次启动 2 个图像,即左图像和右图像,以及未选择的图像(如果未选择任何内容,将用作背景)。

您可以轻松地开发一个简单的框架,使其可在您的网站中重复使用(以及 future 的项目),但是我确实想知道,您真的想做一些事情吗?其他开源项目已经这样做了吗?

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

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

它包括您需要的所有内容,以及所有额外的 ajax 调用和其他一些设置,使其非常易于使用。

关于javascript - 如何在单击时仅选择图像的一部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18193790/

相关文章:

jquery - 如何使用 jquery 按日期范围对 json 进行排序?

html - 如何使用 css 过滤器将具有不同颜色的图像的色调更改为蓝色色调

javascript - jquery - 花式树 - 没有数据

javascript - 将 jQuery 'rand color' 保存到本地存储?

php - 单击即可更新记录

javascript - 如何使用 JavaScript 删除 <div> 元素

javascript - 负载图上的 Highstock 仅显示一个点

jquery - 如何使用 jQuery 检测 'any' ajax 请求是否完成?

javascript - Knockout.js 模板 - "skip"循环?

html - 为什么第 nth-child 应用于所有按钮?