用YUI做了个标签浏览效果

在这里先要感谢yahoo的工程师们无私的将他们的成果奉献出来――yui（yahoo! ui）
其实这是它自带的一个例子，我只是熟悉了一下，各种接口调用还是比较方便的
浏览： http://www.healdream.com/upload/html/tabview_test.html

复制代码 代码如下:

   
var myTabs = new YAHOO.widget.TabView("demo"); 
YAHOO.example.init = function() {
    var tabView = new YAHOO.widget.TabView('demo');
    tabView.on('contentReady', function() {
        obj=document.getElementById("nav");
        dest=obj.getElementsByTagName("li");
        for(var i=0;i            this.getTab(i).set('activationEvent', 'mouseover');
        }
    });
};

YAHOO.example.init();
  
   
   
        
         Tab One Label   
         

Tab Two Label

   
         

Tab Three Label

   
                    
        
         

Tab One Content

   
         

Tab Two Content

   
         

Tab Three Content

   
     

   

 

相对来说，代码已经很精炼了，相对其他相同效果的网页来说