2012-04-12 10 views
0

私は数分前に他のユーザーの質問を閲覧していました。私のイメージマップ上にマウスを置いてハイパーリンクのホバーカラーを変更しようとしました。イメージマップのマウスオーバー時にハイパーリンクの色プロパティを変更するにはどうすればよいですか?

私が持っている1つのハイパーリンクでこれをどのように達成することができますか?私が見ることができるように

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

+0

は正しいそのURLですか? –

+0

ええ..私のために働く。問題? – Jeff

+0

ちょうど確認して、ロードするのに時間がかかり、私は正しい目的地に到着したことを100%確信していませんでした。すべてがうまい。 –

答えて

0

あなたは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> 
+0

うーん...私はPHPで熟練しているので、分かりやすい部分はちょっと混乱しています。 jqueryの世界は私にとって外国人です。マップスクリプトはサードパーティ製のスクリプトなので、私はそれを単に挿入しました。私は答えを感謝します。 jqueryが唯一の解決策であれば、すぐにその道を辿る必要があるかもしれません。 – Jeff

+0

ステップバイステップチュートリアル: 1)。それぞれのリンクに 'class =" staffs "'を追加する必要があります。 'Alabama'私はあなたがPHP(ループ)でそれを生成することを願っています。 2)。また、それぞれに独自のクラスを追加する必要があります。たとえば、アラバマ州では「スタッフ-A50」となります。 ( 'Alabama')コロラド 'staff-A31'など 3)。今すぐ 'body'タグの前に私の答えのコードを貼り付けてください。 これだけです! – kpotehin

+0

手順に従います。まだ変更はありません。 – Jeff

関連する問題