우선 자신의 업적을 사심 없이 바쳐주신 야후 엔지니어들에게 감사의 말씀을 전하고 싶습니다 - yui(yahoo! ui) 사실 이건 그냥 익숙하고 다양한 인터페이스 호출과 함께 제공되는 예입니다. 비교적 간단합니다. 탐색: http://www.healdream.com/upload/html/tabview_test.html 코드 복사 코드는 다음과 같습니다. TabView 테스트 <스크립트 유형 ="text/javascript" src="event.js"> <br>var myTabs = new YAHOO.widget.TabView("demo") <br>YAHOO.example.init = function() { <br> var tabView = new YAHOO.widget.TabView( 'demo'); <br> tabView.on('contentReady', function() { <br> obj=document.getElementById("nav"); <br> dest=obj.getElementsByTagName(" li"); > for(var i=0;i<dest.length;i ){ <br> this.getTab(i).set('activationEvent', 'mouseover'); <br> } <br> } ); <br><br>YAHOO.example.init() <br> #demo{ border:1px 000000; 배경색:#c0c0c0; 패딩: 5px; } .yui-navset.yui-content{ 패딩: 10px; >높이 :200px; id= "nav"> > > ; 3개 콘텐츠 탭 같은 효과를 내는 다른 웹페이지에 비해 이미 매우 세련되었습니다.