如何在图像映射的鼠标悬停时更改超链接的颜色属性？答案

【问题标题】：How can I change the color property of a hyperlink on mouse over of an image map?如何在图像映射的鼠标悬停时更改超链接的颜色属性？
【发布时间】：2012-04-12 16:02:54
【问题描述】：

几分钟前我正在浏览其他用户问题.. 这导致我尝试更改我的图像地图上鼠标悬停的超链接的悬停颜色。

知道如何为我拥有的 1 个超链接完成此操作吗？

http://www.urlgone.com/d7ccf8/

【问题讨论】：

是的.. 为我工作。有问题吗？
只是检查了一下，加载需要一段时间，我不能 100% 确定我到达了正确的目的地。一切都好。

标签： css colors hyperlink imagemap

【解决方案1】：

如我所见，您正在使用 jquery。所以做这样的事情：

<script>
    $(document).ready(function() {
        $("area[shape='poly']").mouseover(function() {
            var id = $(this).attr('id');
            $('a.staffs').removeClass('active'); //make other link not ative
            $('a.staff-' + id).addClass('active');
        }).mouseout(function() {
            $('a.staffs').removeClass('active');
        });
    });
</script>

还有 CSS（您必须将其更改为您的样式）：

<style>
    .active {
        color:red;
        text-decoration:underline;  
    }
</style>

【讨论】：

嗯...我只精通 php，所以对你来说显而易见的部分让我有点困惑。 jquery 的世界对我来说是陌生的。地图脚本是第 3 方脚本，所以我只是插入了它。不过我很欣赏这个答案。如果 jquery 是唯一的解决方案，我可能很快就要冒险走这条路了。
分步教程：1）。您必须将class="staffs" 添加到每个链接，例如<a class="staffs" href="http://allhomes.ws/alabama/">Alabama</a>。我希望你在 php（循环）中生成它。 2）。您还必须为每个类添加一个独特的类。例如，对于阿拉巴马州，它将是staff-A50。 (<a class="staffs staff-A50" href="http://allhomes.ws/alabama/">Alabama</a>) 对于科罗拉多州staff-A31 等 3)。现在只需将我的答案中的代码粘贴到body 标签之前。就是这样！
立即尝试。替换 srcipt 并添加 css。这会起作用，我已经在你的网站上检查过了。还有一个：您插入代码两次。没有必要这样做。而且您只有阿拉巴马州的链接，因此只能使用它。当您为每个状态创建链接时，它会自动起作用。
你先生..太棒了。：）非常感谢。你让我今天一整天都感觉很好。我真的很感激额外的英里。网上没有多少人愿意这样做。非常感谢。
（我想我不能投票赞成你的答案，因为这是我的第一个问题，我需要 15 个代表。但我会在以后建立它时这样做。）