W3C 標準を学習して以来、コードに関して癖がついたようです。統一して再利用できるのであれば、これ以上書く必要はありません。こうすることで、フロントエンド ページのコードがよりきれいに見えるようになります。効率は直線的に増加します。 コードをコピー コードは次のとおりです: <br><-- <BR>//マウスでトリガーされるイベントの範囲を定義します<BR>function findOutDiv(thisEvent){ <BR>// ループを使用してオブジェクトを検索しますCSS スタイル名と一致する CSS スタイル名<BR> while(thisEvent.className! = "piccell"){ <BR>//このオブジェクトのタグ名が HTML の場合は、停止し、イベント オブジェクトが存在しないようにして、それを次の目的で使用します。後続の判定 <BR> if(thisEvent.tagName == "HTML"){ <BR> thisEvent = false; <BR> }else{ <BR>// それ以外の場合は、次のオブジェクトに進みます。親オブジェクト <BR> thisEvent = thisEvent.parentNode <BR> 🎜>//イベント オブジェクトを返します。イベント オブジェクトが存在しない場合は、false を返します。 <BR> return thisEvent; <BR>// マウスを使用します。時間トリガーの動作としてオブジェクトの属性を移動します<BR>document.onmouseover = function(e ){ <BR>//これは、イベントトリガーのオブジェクトをキャプチャする FireFox のメソッドです<BR> if(!e)e = window.event; <BR>//マウスでトリガーされるオブジェクトのエンティティにイベントを定義します。つまり、標準および制御可能なオブジェクトに準拠します。<BR>//ターゲットは FF 専用、srcElement は IE 専用です。 🎜> var Event = e.target?e.target:e.srcElement <BR>//制御可能なオブジェクトを定義し、マウス トリガー イベントを呼び出す スコープによって返されるオブジェクト <BR> var thisEvent = findOutDiv(Event) <BR>//オブジェクトが存在する場合は続行します。 <BR> if(thisEvent){ <BR>// オブジェクトの CSS スタイルを定義します。 <BR> thisEvent.style. border = "2px Solid #7A99D2"; = "#D2E4FC"; <BR> } <BR>} <BR>//上記と同様に、時間トリガー動作としてマウスを使用してオブジェクトの外に移動します<BR> document.onmouseout = function(e){ <BR> if(!e)e = window.event; <BR> var Event = e.target?e.target:e.srcElement <BR> var thisEvent = findOutDiv(Event) <BR> if(thisEvent){ <BR> thisEvent.style.border = "2px ソリッド #CCC"; <BR> thisEvent.style.background = "#FFF" <BR> } <BR>} <BR>/ -->< ;/script><br><br><br>この方法で記述することの利点は明らかであり、各オブジェクトでアクションをトリガーする動作を記述する必要がなく、コードと JS が大幅に節約されます。<br>イベントを使用してオブジェクトのアクションをトリガーする利点を誰もが理解できるように、一定期間後にパーソナライズされたページを公開します。<br>GOOGLE および Microsoft LIVE のパーソナライズされたページは非常によく書かれているため、誰もがコードを学ぶことができます。これは、将来の AJAX アプリケーションに非常に役立ちます。</div>