用YUI做了个标签浏览效果_javascript技巧



在这里先要感谢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

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