jQuery PNG透明鼠标套

我有以下问题。我有这样一个团队页面：小圆圈团队图片，希望通过jQuery添加一个PNG透明鼠标悬停PNG图像，底部的小圆圈为粉红色圆圈。有人有什么想法吗？

通过CSS显示隐藏附加信息：无并将其切换为悬停。例如：

$('.elementWithExtra').hover(function(){
$(this).children('.extra').toggle();
}, function(){
$(this).children('.extra').toggle();
});

---

请参阅：和

您应该使用类而不是ID，因为将有多个元素。另外，mouseover和mouseoutdon没有大写OsI。如果我们通过其父元素引用，不要认为拥有一个具有相同id的子元素会有任何问题。拥有多个具有相同id的元素始终是一个问题。ID类型属性的特殊之处在于，没有两个这样的属性可以具有相同的值；无论文档语言是什么，ID属性都可用于唯一标识其元素。->谢谢你的链接。。。也更正了。。。！但我仍然不知道它会如何阻碍工作它可能会工作，但它会生成无效的HTML。所以我选择了班级。为什么你不能像上面的大圆圈那样做呢？如果有特殊原因，请详细说明，因为这可能会为您提供更好的答案。另一个建议是，您也可以只制作一份圆形图像的副本…因为一次只能在一张图像上看到。然后可以根据悬停的图像设置该图像的偏移量。

$(".imgDiv").mouseover(function(){
  $(this).children(".hiddenImgDiv").show();  
}).mouseout(function(){
  $(this).children(".hiddenImgDiv").hide();  
});