javascript - 点击图片

当我悬停一个数字时，会显示一个评分，但是当我单击该数字时，该评分不会保持可见。由于某种原因，当我使用背景颜色而不是背景网址时，它可以正常工作。有人可以帮我吗？

最终结果应如下所示：
1-悬停一个数字，然后应显示一个评分图像。
2-选择数字后，该评级图像应保持可见。
3-选择另一个数字时，应在前一张图像消失的同时显示评级图像。

这是一个演示link。

最佳答案

这个怎么样？

http://jsfiddle.net/uCZ6q/

HTML：

<div class="button">
    <a href="#"><div class="child1">1</div></a>
    <a href="#"><div class="child2">2</div></a>
    <a href="#"><div class="child3">3</div></a>
    <a href="#"><div class="child4">4</div></a>
    <a href="#"><div class="child5">5</div></a>
</div>

CSS：

.highlight
{ background: url("http://cuuzo.com/level5.png") no-repeat 0 0; display: block; }

.child1:hover, .child2:hover, .child3:hover, .child4:hover, .child5:hover
{ background: url("http://cuuzo.com/level5.png") no-repeat 0 0; }

脚本：

$("a").click(function(){
    $(".highlight").removeClass('highlight')
    $(this).addClass('highlight');
});

关于javascript - 点击图片，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8581264/