window.addevent('domready', function() { inittab1(); inittab2(); initbanner(); initnews(); initlinks(); initslider(); $('.moving-tabcon ul').find('li:even').addclass('col'); // even style }); /** * tab1 切换 */ function inittab1() { simpletab('div.l-market h3 a', 'div.l-market div.market-tabcon'); } /** * tab2 切换 */ function inittab2() { simpletab('div.m-moving h2 span', 'div.m-moving div.moving-tabcon'); } /** * banner */ function initbanner() { var banner = document.getelement('div.banner-slide'); if (banner) { var titleelem = banner.getelement('div.slide-con h3'); var dateelem = banner.getelement('div.slide-con h4'); var conelem = banner.getelement('div.slide-con p'); new hslider(banner.getelements('ul.slide-img li'), { 'prebtn': banner.getelement('div.slide-btn a.prve'), 'nextbtn': banner.getelement('div.slide-btn a.next'), 'indexbtns': banner.getelements('div.slide-btn ul a'), 'onchange': function(i) { titleelem.set('html', this.slides[i].getelement('span.title').get('html')); dateelem.set('text', this.slides[i].getelement('span.date').get('text')); conelem.set('text', this.slides[i].getelement('span.con').get('text')); } }); } } /** * news */ function initnews() { var news = document.getelement('div.news'); if (news) { var lis = news.getelements('ul li'); new ohslider(lis, { 'nextbtn': news.getelement('div.btn'), autoplay: false }); lis.each(function(li) { li.set('tween', {'duration': 150}); li.addevents({ 'mouseenter': function() { this.getelement('div.news-con').tween('bottom', 0); }, 'mouseleave': function() { this.getelement('div.news-con').tween('bottom', -75); } }); }); } } /** * links */ function initlinks() { var linkelem = document.getelement('div.l-link'); if (linkelem) { linkelem.getelements('ul li').addevents({ 'mouseenter': function() { this.getelement('div').setstyle('display', 'block'); this.setstyle('z-index', 10).addclass('on'); }, 'mouseleave': function() { this.getelement('div').setstyle('display', 'none'); this.setstyle('z-index', 0).removeclass('on'); } }); } } /** * slide 切换 */ function initslider() { var coreslide = document.getelement('div.show-slide'); if (coreslide) { new mover(coreslide.getelements('ul li'), { size : { outerx: 166 }, prebtn : coreslide.getelement('a.slide-prev'), nextbtn : coreslide.getelement('a.slide-next'), viewlength: 3 }); } }