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

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>