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

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，但我想你可以用hss的输出来做这件事，这会通过你的.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;
}

Answer 2

我不能推荐这个插件。

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

它会完全按照您的意愿行事，如果您无法解决问题，作者真的很有帮助。