FOCUS ON JAVASCRIPT
YTabs!MSN皮肤图片自切换标题新闻,一个很经典的图片新闻效果,皮肤是采用的MSN.COM.CN首页的皮肤。兼容性好,调用方便。ytabs.js中包含了YAO和tabView两个类,YAO是我根据YUI还有一些其他资源整理的一个常用方法类,采用单体模式。而tabView则是完全由我自己,也是这个图片新闻效果的核心程序。
第一步:在页面中调用ytabs.js文件,例如:
<script type="text/javascript" src="js/ytabs.js"></script>
第二步:编写调用代码:
YAO.YTabs({ tabRoot: 'YSel', tabs: 'dt', contents: 'dd', auto: true, // 是否自动切换 fadeUp: true // 是否有图片透明显示的过度效果 // autoSpeed: 5000 如果设置自动切换,还可以设置切换的时间间隔,默认是6000毫秒 });
Download:ytabs-msn-skin.rar
Copyright © 2008-2009 yaohaixiao.com, All right reserved.