更改鼠标悬停上热点区域的颜色

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上完成的，现在我想在鼠标悬停上设置热点的颜色，即一旦用户将鼠标悬停在热点区域上，颜色就会改变，并且应该是透明的。如何做到这一点？

Answer 1

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

就像你有输出

<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;
}

Answer 2

我非常推荐这个插件。

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

它会做你想做的事，如果你做不出来，作者真的很有帮助。