my pageにマウスを重ねると、右側のハイパーリンクがホバースタイルに変わります。誰かがどのようにして逆のことが起こるかを提案することができますか?右側のハイパーリンクの1つをホバーすると、状態が強調表示されます(状態そのものをホバーするときのように)?マウスオーバーでハイライトを作成するにはどうすればよいですか?
-2
A
答えて
1
非常に単純にjQueryの.trigger()を使用します。
例:$('#A0').trigger('mouseover');
は、マップ(ワシントン)の最初の要素を強調表示します。
だから、mouseoverイベントにこれを追加することができ<a class="staffs staff-A0" href="#">Washington</a>
:
var map_element_id = '#' + this.className.split('-')[1];
$(map_element_id).trigger('mouseover');
と同様に処理する必要れるonmouseoutもちろんを。 map_element_id変数の割り当てを処理する多くの方法があります。私は別の属性を割り当てることをお勧めしますこれはクラス名(おそらくデータマップID?)ではなく、これを格納する。 ' - 'で分割すると、この例でも動作しますが、 ' - 'を含む要素にクラス名を追加すると、これは失敗します。
0
マップ領域のIDを取得し、mouseoverイベントをトリガーします。
$('.staff').mouseover(function() {
var id = $(this).attr("class").split("-")[1];
$("#"+id).trigger('mouseover');
});
関連する問題
- 1. マウスオーバーでIKImageBrowserViewのセルをハイライト表示するにはどうすればよいですか?
- 2. マウスオーバーで非隣接の表のセルをハイライト表示するにはどうすればよいですか?
- 3. CSS3/Javascriptで「ハイライト」エフェクトを作成するにはどうすればよいですか?
- 4. ビジュアルスタジオのハイライト.phpファイルを作るにはどうすればいいですか
- 5. ウェブサービスアプリの作成にはどうすればよいですか?
- 6. VI/VIMでハイライトされたテキストを操作するにはどうすればよいですか?
- 7. Javaでハッシュテーブルを作成するにはどうすればよいですか?
- 8. Androidでカスタムコントロールを作成するにはどうすればよいですか?
- 9. Webでスピナーを作成するにはどうすればよいですか?
- 10. Deviseでユーザープロファイルを作成するにはどうすればよいですか?
- 11. Androidでカスタムコンテナビューを作成するにはどうすればよいですか?
- 12. F#でXNamespaceを作成するにはどうすればよいですか?
- 13. MenuItemImageをテキストで作成するにはどうすればよいですか?
- 14. C++でハッシュテーブルを作成するにはどうすればよいですか?
- 15. Mooseでサブタイプを作成するにはどうすればよいですか?
- 16. アプリでセクションを作成するにはどうすればよいですか?
- 17. Javaでオーディオストリーマーを作成するにはどうすればよいですか?
- 18. Magentoでクイックアクセスメニューを作成するにはどうすればよいですか?
- 19. Javaでオンスクリーンキーボードを作成するにはどうすればよいですか?
- 20. PHPでシングルトンを作成するにはどうすればよいですか?
- 21. qooxdooでSelectBoxを作成するにはどうすればよいですか?
- 22. デコーダフィルタでタイムスタンプを作成するにはどうすればよいですか?
- 23. GCDでシングルトンシリアルキューを作成するにはどうすればよいですか?
- 24. app.configでカスタムセクションを作成するにはどうすればよいですか?
- 25. PyQt4でマルチページアプリケーションを作成するにはどうすればよいですか?
- 26. パラメータでユーザーコントロールを作成するにはどうすればよいですか?
- 27. WPFでタイマーを作成するにはどうすればよいですか?
- 28. pgScriptでストアドプロシージャを作成するにはどうすればよいですか?
- 29. xcodeでテンプレートサブクラスファイルを作成するにはどうすればよいですか?
- 30. Cでカスタムロックステートメントを作成するにはどうすればよいですか?
逆の操作を行うだけです。 – xdazz
@ Jeffあなたの親切にあなたのポストを更新して、mouseoverとmouseoutに適用できるコードを含めることができますか?また、イメージマップ用のHTMLソースと、リンク用のHTMLサンプルがいいでしょう。 StackOverflowへようこそ。 – rlemon
質問がなくても将来の読者には質問は役に立たなくなりました。良い仕事のOP! – Sparky