ベストアンサー

※ ChatGPTを利用し、要約された質問です（原文：onmouseover="this.className=をjsファイルにまとめて、指定する場所はid=menu1,2～....かclass=menuで統一したい）

JavaScriptを使用して、idとclassを指定した要素にマウスオーバー時の動作を統一したい

2008/04/28 18:24

このQ&Aのポイント

JavaScriptを使用して、idとclassを指定した要素にマウスオーバー時の動作を統一したいです。idで指定する版とclassで指定する版の両方を作成したいです。また、this.classNameを指定IDのclassName等にもできるかどうかも教えてください。
質問文中にある要素にJavaScriptを使用してマウスオーバー時の動作を統一したいです。idを指定する版とclassを指定する版の2つを作成したいです。また、this.classNameの他にも指定IDのclassNameなども使用できるかどうかも教えてください。
JavaScriptを使用して、質問文中の要素にマウスオーバー時の動作を統一したいです。idとclassを指定する2つのバージョンを作成したいです。また、this.classNameを指定IDのclassNameなどにも適用することは可能でしょうか。

idhokanohi
お礼率58% (48/82)

JavaScript
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

steel_gray
ベストアンサー率66% (1052/1578)

2008/04/28 20:05 回答No.1

もうひとつ、質問内容を把握できてませんが、 jQueryを使ったサンプルを。中身は「font1」ってclassを持つ要素のマウスオーバーで bgcol と txcol の二つのクラスを追加する。マウスアウトで bgcol と txcol の二つのクラスを取り除く。です。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(function(){ $('.font1').hover(function(){ $(this).addClass("bgcol"); $(this).addClass("txcol"); },function(){ $(this).removeClass("bgcol"); $(this).removeClass("txcol"); }); }); </script> $('.font1')　という部分を　$('#font1') と書けば id="font1" の要素に対する設定になります。　 jQueryの解説、入手先等は http://www.openspc2.org/JavaScript/Ajax/jQuery_study/index.html とか、参考にしてください。

質問者