- ベストアンサー
リンクの選択
<a href="a">aaa</a> <a href="b">bbb</a> //------------- 上記のaaa or bbbについて、選択状態（a:hover）にするにはどうしたらよいでしょうか？
- imkgp
- お礼率34% (12/35)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
カーソルを乗せないで、hover状態の表示にしたいってことでしょうか？ スクリプトを使用するなら、無理やりmouseover状態にすることを考えるよりも、直接スタイルを変更してしまう方が簡単です。 （実際も、mouseoverではないですし） あるいは、片方にmouseoverした時に、両方とも同じ動作をするようにしたいということでしょうか？ 方法は同じなので、サンプルとして… <html> <script type="text/javascript"> var elm=[]; window.onload=function(){ var a=document.getElementsByTagName('A'); for (var i=0,j=0; i<a.length; i++){ if (a[i].className=='on'){ elm[j++]=a[i]; a[i].onmouseover=function(){change('over');}; a[i].onmouseout=function(){change('out');}; } } } function change(n){ var c=(n=='over')?'red':''; for (var i=0; i<elm.length; i++) elm[i].style.backgroundColor=c; } </script> <body> <p><a href="a" class="on">aaa</a> <p><a href="c">ccc</a> <p><a href="b" class="on">bbb</a> </body> </html>
お礼
素晴らしい発想です！感謝！