YUIでタグを作ってみました。

ここでまずヤフーのエンジニアたちが自分の成果を無私に捧げてくれたことに感謝します。 ui
実はこれは自分の持っている例です。ちょっと慣れただけです。いろいろなインターフェースの呼び出しは便利です。
ブラウズ:http://www.healdream.com/upload/html/tabview_test.

 
  
html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
    
  <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"); 
  <br>        for(var i=0;i<dest.length;i++){ 
  <br>            this.getTab(i).set('activationEvent', 'mouseover'); 
  <br>        } 
  <br>    }); 
  <br>}; 
  <br> 
  <br>YAHOO.example.init(); 
  <br>   
  
    
  
    
  
     
    
  
         
Tab One Label
    
  
         
Tab   Label
    
  
         
Tab Thre Label
    
  
     
                
  
     
    
  
         
Tab One Content
    
  
         
Tab Two Content
    
  
         
Tab Three Content
    
  
     
    
  
  
  
 
 

相対的に、コードは非常に洗練されており、他の同じ効果のページに比べて