- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：数カ所のフォームボタンにonMouseOverを一括指定）
フォームボタンにマウスオーバーで色変化をする方法
このQ&Aのポイント
- フォームボタンにマウスオーバーすると色が変化する方法をまとめました。
- 外部スタイルシートとHTML直接記述を使ってマウスオーバーで色変化をするフォームボタンについて解説します。
- 複数のフォームボタンに同じ効果を一括で指定する方法について説明します。
- flowerpark
- お礼率84% (42/50)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
function addButtonEvent() { var buttons = new Array(); buttons = document.getElementsByTagName('input'); for(var i=0;i<buttons.length;i++) { if(buttons[i].className == 'button') { buttons[i].onmouseover = function(){this.style.backgroundColor='#FFDF48';} buttons[i].onfocus = function(){this.style.backgroundColor='#FFDF48';} buttons[i].onmouseout = function(){this.style.backgroundColor='#FFEC93';} } } } これを適当な名前で外部javascriptとして保存し、htmlのヘッダ部で読み込み、<body>で関数を呼び出せばOKです。 <script type="text/javascript" src="???.js"></script> </head> <body onload="addButtonEvent()"> class="button" の全ての<input>に適用されます。 #つーか、IE以外のOperaやMozilla系のブラウザなら input.button:hover{background-color:#xxx;} って感じでスタイルシートでできるんだけど。
お礼
ありがとうございました。いけそうです。