2

有没有办法实现 5 星评级控制，支持在悬停时更改 5 星的图像，而不使用 Javascript？单击需要执行 HTTP POST

为了更好地理解我搜索了一个示例并找到了http://orkans-tmp.22web.net/star_rating/ （滚动到“带有 SELECT 选项的快速示例”）

就我对 HTML 的了解而言，不可能有多个图像/按钮来执行 Post（以了解用户给出的评分），并同时更改多个背景图像。

4

3 回答 3

1

这是来自CSS3 Secrets的示例

jsfiddle

您可以使用 css 选择器在没有 javascript 的情况下完成您想要完成的工作。

于 2012-02-08T15:36:33.193 回答
0

您可以使用 CSS 更改图像。只需应用一个类并给它 :hover 选项。

即 .star:hover { 颜色:蓝色; }

我假设您希望所有以前的星星在悬停时也改变颜色，这是可能的，但非常困难。我们将从 5 个开始的图像（全部突出显示）和一个未突出显示的开始的图像开始。将五个未突出显示的起点放在彼此的顶部（设置绝对位置）。调整星星的意图，使每一个都比最后一个缩进更多，并且它们的布局正确（实际上没有相互重叠）。在悬停时添加一个不同的 CSS。它将需要用 5 星高亮图像替换图像。需要设置宽度，以便只显示适当数量的星星。需要设置 z-index，使其位于所有先前恒星的未突出显示的图像之上。

于 2012-02-08T15:29:09.670 回答
-1

是否有可能 2 使用OnMouseOverandOnMouseOut选项来创建相同的悬停效果？

于 2014-03-28T09:02:44.960 回答