FOCUS ON JAVASCRIPT
YAHOO.COM皮肤
订餐小秘书(www.fg114.com)皮肤
YTabs!YAHOO皮肤多嵌套标签导航,YAHOO.COM一个很经典的标签导航效果,我使用我的YTabs实现了。兼容性好,调用方便。ytabs.js中包含了YAO和tabView两个类,YAO是我根据YUI还有一些其他资源整理的一个常用方法类,采用单体模式。而tabView则是完全由我自己,也是这个图片新闻效果的核心程序。
第一步:在页面中调用ytabs.js文件,例如:
<script type="text/javascript" src="js/ytabs.js"></script>
第二步:编写调用代码:
YAO.YTabs({ tabs: YAO.getEl('Y-UED').getElementsByTagName('li'), contents: YAO.getElByClassName('YUI-mod', 'div', 'YUI-Tabs'), evt: 'click', defaultClass: 'first', previousClass: 'off' }, { tabs: YAO.getEl('YUI-ft').getElementsByTagName('span'), contents: YAO.getElByClassName('Y-bd', 'div', 'YUI-mod'), evt: 'click' }, { tabs: YAO.getEl('YUI-ft1').getElementsByTagName('span'), contents: YAO.getElByClassName('Y-bd', 'div', 'YUI-mod1'), evt: 'click' }, { tabs: YAO.getEl('YUI-ft2').getElementsByTagName('span'), contents: YAO.getElByClassName('Y-bd', 'div', 'YUI-mod2'), evt: 'click' });
Download:ytabs-yahoo-skin.rar
Copyright © 2008-2009 yaohaixiao.com, All right reserved.