C# 创建一个带有悬停图像的五星评级控件,不使用JavaScript

C# 创建一个带有悬停图像的五星评级控件,不使用JavaScript,c#,asp.net,html,rating-system,C#,Asp.net,Html,Rating System,有没有一种方法可以实现一个五星评级控件,它支持在悬停时更改五星的图像,而不使用Javascript?单击需要执行HTTP POST 为了更好地理解,我搜索了一个示例并找到了(滚动到“选择选项的快速示例”) 就我对HTML的了解而言,不可能有多个图像/按钮来执行Post(以了解用户给出的评级),同时更改多个背景图像 您可以使用CSS更改图像。只需应用一个类并为其提供:hover选项 i、 e。 .星星:悬停 { 颜色:蓝色; } 我想你们会希望之前所有的星星在悬停时也改变颜色,这是可能的,但相当困

有没有一种方法可以实现一个五星评级控件,它支持在悬停时更改五星的图像,而不使用Javascript?单击需要执行HTTP POST

为了更好地理解,我搜索了一个示例并找到了(滚动到“选择选项的快速示例”)


就我对HTML的了解而言,不可能有多个图像/按钮来执行Post(以了解用户给出的评级),同时更改多个背景图像

您可以使用CSS更改图像。只需应用一个类并为其提供:hover选项

i、 e。 .星星:悬停 { 颜色:蓝色; }


我想你们会希望之前所有的星星在悬停时也改变颜色,这是可能的,但相当困难。我们将从5个开始的图像(全部高亮显示)和一个未高亮显示的开始的图像开始。将五个未亮起的起跑点放在彼此的正上方(设置绝对位置)。调整星星的位置,使每一颗星星都比最后一颗星星缩进得多,并且它们被正确地布置(没有相互重叠)。在悬停上添加CSS,每个悬停都不同。它需要用5个突出显示的图像替换图像。需要设置宽度,以便只显示适当数量的星星。需要设置z索引,使其位于所有先前恒星的未高亮图像之上。

您可以使用CSS更改图像。只需应用一个类并为其提供:hover选项

i、 e。 .星星:悬停 { 颜色:蓝色; }

我想你们会希望之前所有的星星在悬停时也改变颜色,这是可能的,但相当困难。我们将从5个开始的图像(全部高亮显示)和一个未高亮显示的开始的图像开始。将五个未亮起的起跑点放在彼此的正上方(设置绝对位置)。调整星星的位置,使每一颗星星都比最后一颗星星缩进得多,并且它们被正确地布置(没有相互重叠)。在悬停上添加CSS,每个悬停都不同。它需要用5个突出显示的图像替换图像。需要设置宽度,以便只显示适当数量的星星。需要设置z索引,使其位于所有先前恒星的未高亮图像之上。

以下是

您可以使用css选择器在不使用javascript的情况下完成所需操作。

以下是


您可以使用css选择器在不使用javascript的情况下完成所需操作。

是否可以2使用
OnMouseOver
OnMouseOut
选项创建与悬停相同的效果?

是否可以2使用
OnMouseOver
OnMouseOut
选项创建与悬停相同的效果?

您是忍者。这里没什么可看的。我猜他会希望之前所有的星星也改变颜色,同时仍然是独立的实体。这让事情复杂化了。是的,我知道我可以用css改变一张图片。但我的问题是如何更改多个图像(正如我所说,我认为这是不可能的),或者如何使用另一种技术来实现same@Servy:是的,这正是我想说的。你是个忍者。这里没什么可看的。我猜他会希望之前所有的星星也改变颜色,同时仍然是独立的实体。这让事情复杂化了。是的,我知道我可以用css改变一张图片。但我的问题是如何更改多个图像(正如我所说,我认为这是不可能的),或者如何使用另一种技术来实现same@Servy:是的,这正是我想要做的