旧事标签主动免费素材下载 YTabs！多标签主动横向滚动旧事导航成果

YTabs！多标签主动横向滚动旧事导航，一个很经典的标签导航成果，点击标签旧事滚动，能够设置主动滚动或手动滚动。ytabs.js中的moveElement办法来解决滚动成果。ytabs.js中还蕴含了YAO以及tabView两个类，YAO是我依据YUI另有一些其余资本整顿的一个罕用办法类，采纳单体模式。而tabView则是齐全由我本人，也是这个AjaxTab成果的外围顺序。
挪用办法第一步：正在页面中挪用ytabs.js文件，例如：
<script type="text/javascript" src="js/ytabs.js"></script>
第二步：编写挪用代码：
(function(){
YAO.YTabs({
tabs: YAO.getEl('photorecom-index').getElementsByTagName('a'),
contents: YAO.getEl('photorecom-list').getElementsByTagName('ul'),
scroll: true,
scrollId: 'photorecom-list',
scrollSpeed: 100, // 旧事滚动的速率，越小越快
direction: 'H', // 设置滚动标的目的： H - 横向 V - 纵向
defaultIndex: 2, // 设置默许显示第三屏旧事
auto: true, // 能否主动滚动
autoSpeed: 8000, // 每一屏滚动的工夫距离
activeTag: 'UL', // 滚动一屏的HTML标签
evt:'click' // 鼠标点击标签滚动
});
})();