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

Question

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

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

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

Answer 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>