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>