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

【问题标题】：Change color of a hotspot region on mousehover鼠标悬停时更改热点区域的颜色
【发布时间】：2012-09-13 14:06:26
【问题描述】：

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

【问题讨论】：

使用 Javascript MouseHover 属性
不知道 asp.net，但我想你可以在整个 .net 中生成的 html 输出上使用 css 来完成
如果你想在 HTML 端使用 CSS，可以给你一个例子

标签： jquery asp.net css imagemap

【解决方案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;
}

【讨论】：

【解决方案2】：

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

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

它将完全按照您的意愿进行，如果您无法解决，作者将真正提供帮助。

【讨论】：