jquery - 在鼠标悬停时更改热点区域的颜色

Question

我在 Image Map 控件上动态生成 HotSpot。这是代码

// Programmatically create a RectangleHotSpot.
RectangleHotSpot Rectangle1 = new RectangleHotSpot();
Rectangle1.Top = 50;
Rectangle1.Left = 10;
Rectangle1.Bottom = 200;
Rectangle1.Right = 200;
Rectangle1.NavigateUrl = "http://stackoverflow.com";

ImageMap1.HotSpots.Add(Rectangle1);  

这是在 PageLoad 上完成的，现在我想在 mousehover 上设置热点的颜色，即一旦用户将鼠标悬停在热点区域上，颜色就会发生变化，并且应该有点透明。如何才能做到这一点？

Answer 1

我不能为此推荐这个插件。

http://www.outsharked.com/imagemapster/

它会完全按照您的意愿进行，如果您无法解决，作者会非常有帮助。

Answer 2

不知道 asp.net，但我想你可以在 html 的输出上使用 css 来完成，这会在你的 .net 中生成

就像你有输出一样

<div id="hotspot"></div>

CSS：

#hotspot{
background:red;
width:20px;
Height:20px;
}
#hotspot:hover{
background:blue;
}

背景图片也可以做到这一点

像这样的CSS：

#hotspot{
background:url('your img url')no-repeat;
width:20px;
Height:20px;
}
#hotspot:hover{
background:url('your hover img url')no-repeat;
}