欢迎来到福编程网,本站提供各种互联网专业知识!

用YUI做了个标签浏览效果

发布时间:2007-02-20 作者: 来源:转载
在这里先要感谢yahoo的工程师们无私的将他们的成果奉献出来——yui(yahoo!ui)其实这是它自带的一个例子,我只是熟悉了一下,各种接口调用还是比较方便的浏览:http://www.healdream.com/upload/html/tabview_test.html复制代码代码如下:TabViewTestvarmyTab
在这里先要感谢yahoo的工程师们无私的将他们的成果奉献出来——yui(yahoo!ui)
其实这是它自带的一个例子,我只是熟悉了一下,各种接口调用还是比较方便的
浏览:http://www.healdream.com/upload/html/tabview_test.html
复制代码 代码如下:


TabViewTest







varmyTabs=newYAHOO.widget.TabView("demo");
YAHOO.example.init=function(){
vartabView=newYAHOO.widget.TabView('demo');
tabView.on('contentReady',function(){
obj=document.getElementById("nav");
dest=obj.getElementsByTagName("li");
for(vari=0;ithis.getTab(i).set('activationEvent','mouseover');
}
});
};

YAHOO.example.init();




TabOneLabel

  • TabTwoLabel

  • TabThreeLabel



  • TabOneContent


    TabTwoContent


    TabThreeContent





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

    相关推荐