1.html 코드 코드 복사 코드는 다음과 같습니다. 🎜> 제목 1 제목 2 제목 3 ; 제목 4 dd>콘텐츠 2 콘텐츠 3 🎜> 2.js 부분 코드 복사 코드는 다음과 같습니다. </a>var tab = document.getElementById("tab").getElementsByTagName("h2") </span>function swap(n) { </div>return function() { <div class="codebody" id="code65463">for(var i=0; i<tab.length; i ) { <BR>document.getElementById("tabcon" i).style.display = "none" ; 🎜>document.getElementById("tab" i).className = ""; <BR>} <BR>document.getElementById("tabcon" n).style.display = "block" <BR>document.getElementById(" tab" n).className = "focus"; <BR>} <BR>} <BR><BR>for(var i=0; i<tab.length; i ) { <BR>tab[i] .setAttribute ("id", "tab" i); <BR>if(window.addEventListener) { <BR>tab[i].addEventListener("mouseover", swap(i), false) <BR>} else if( window.attachEvent) { <br>tab[i].attachEvent("onmouseover", swap(i)) <br>} <BR>} <BR><BR>var tabcon = document.getElementById("tabcon ") .getElementsByTagName("dd"); <BR>for(i=0; i<tabcon.length; i ) { <BR>tabcon[i].setAttribute("id", "tabcon" i) <BR>} <BR><br>if(document.createEvent) { <br>var evObj = document.createEvent('MouseEvents'); <BR>evObj.initEvent( 'mouseover', true, false); ].dispatchEvent(evObj); <BR>} else if( document.createEventObject) { <BR>tab[0].fireEvent('onmouseover') <br>} <br> 🎜>