//banner $('.index_banner').slick({ autoplay: true, arrows: false, dots:false, infinite: true, speed: 500, autoplaySpeed: 1000, pauseOnHover: false, fade: true, responsive: [ { breakpoint: 992, settings: { dots: true } } ] }); $('.index_banner').init(function(slick){ $('.index_banner .item.slick-current').addClass('active').siblings().removeClass('active') }) $('.index_banner').on('afterChange',function(slick,currentSlide){ $('.index_banner .item.slick-current').addClass('active').siblings().removeClass('active'); var _index = $('.index_banner').slick('slickCurrentSlide') $('.section1 .number span').eq(_index).addClass('active').siblings().removeClass('active') }) $('.section1 .number span').click(function(){ var _index = $(this).index(); $('.index_banner').slick('slickGoTo',_index); $(this).addClass("active").siblings().removeClass("active") }); $('.section1 .prev').click(function(){ $('.index_banner').slick('slickPrev') }) $('.section1 .next').click(function(){ $('.index_banner').slick('slickNext'); }); //导航 //超过一定高度导航添加类名 var nav=$("header"); //得到导航对象 var win=$(window); //得到窗口对象 var sc=$(document);//得到document文档对象。 win.scroll(function(){ // if(sc.scrollTop()>=100){ // nav.addClass("on"); // }else{ // nav.removeClass("on"); // } $('.number1').leoTextAnimate({delay:0.5,autorun:true,fixed:[',',':','.'],start:'-'}); $('.number2').leoTextAnimate({delay:0.5,autorun:true,fixed:[',',':','.'],start:'-'}); $('.number3').leoTextAnimate({delay:0.5,autorun:true,fixed:[',',':','.'],start:'-'}); }) //移动端展开nav $('#navToggle').on('click',function(){ $('.m_nav').addClass('open'); }) //关闭nav $('.m_nav .top .closed').on('click',function(){ $('.m_nav').removeClass('open'); }) //二级导航 移动端 $(".m_nav .ul li").click(function() { $(this).children("div.dropdown_menu").slideToggle('slow') $(this).siblings('li').children('.dropdown_menu').slideUp('slow'); }); //全屏滚动 $('#index_main').fullpage({ 'navigation': true, scrollBar: true, slidesNavigation: true, css3: true, controlArrows: false, continuousHorizontal:true, scrollingSpeed:500, showActiveTooltip :true, anchors: ['hero', 'one', 'two', 'three','four','five'], loopHorizontal: true, afterLoad: function(anchorLink, index){ if(index.index == 0){ $('header').removeClass('on'); } if(index.index == 1){ $('header').addClass('on'); $('.number1').leoTextAnimate({delay:0.5,autorun:true,fixed:[',',':','.'],start:'-'}); $('.number2').leoTextAnimate({delay:0.5,autorun:true,fixed:[',',':','.'],start:'-'}); $('.number3').leoTextAnimate({delay:0.5,autorun:true,fixed:[',',':','.'],start:'-'}); } if(index.index == 2){ $('header').removeClass('on'); } if(index.index == 3){ $('header').addClass('on'); } if(index.index == 4){ $('header').removeClass('on'); } if(index.index == 5){ $('header').addClass('on'); } var wow = new WOW({ boxClass: 'wow', animateClass: 'animated', offset: 0, mobile: true, live: true }); wow.init(); }, afterSlideLoad:function(){ }, afterRender: function(){ console.log("222") var wow = new WOW({ boxClass: 'wow', animateClass: 'animated', offset: 0, mobile: true, live: true }); wow.init(); }, onLeave: function(index, direction){ } }) $($('.electricItem>button')[0]).css('display','block') $($('.electricItem>.addIon')[0]).css('display','none') $($('.electricItem')[0]).css('background','rgba(19,75,161,0.8)') $('.electricItem').mouseenter(function(){ console.log($(this).parent().siblings().children().children('.addIon')) $(this).css('background','rgba(19,75,161,0.8)') $(this).parent().siblings().children().css('background','transparent center top no-repeat') $($(this).children()[3]).css('display','none') $($(this).children()[2]).css('display','block') $($(this).parent().siblings().children().children('button')).css('display','none') $($(this).parent().siblings().children().children('.addIon')).css('display','block') $('.section3').css ('transition', '1s') if($(this).children()[1].innerText=='先进材料'){ $('.section3').css ('background','url(images/先进材料-bg.jpg) center top no-repeat') $('.second3Title>.title')[0].innerText = '先进材料' $('.second3Title>p')[0].innerHTML = 'ADVANCED
MATERIALS' $('.second3Title>.textsecond3')[0].innerHTML = '重点关注先进钢铁材料、先进有色金属材料、先进石化化工新材料、先进无机非金属材料、高性能纤维及制品和复合材料、前沿新材料等领域' } if($(this).children()[1].innerText=='装备制造'){ $('.second3Title>.title')[0].innerText = '装备制造' $('.section3').css ('background','url(images/装备制造-bg.jpg) center top no-repeat','border') $('.second3Title>.title')[0].innerText = '装备制造' $('.second3Title>p')[0].innerHTML = 'EQUIPMENT
MAFUFACTURING' $('.second3Title>.textsecond3')[0].innerHTML = '重点关注高端装备、新能源、汽车及零部件、航空航天等领域' } if($(this).children()[1].innerText=='电子信息'){ $('.second3Title>.title')[0].innerText = '电子信息' $('.section3').css ('background','url(images/电子信息-bg.jpg) center top no-repeat') $('.second3Title>.title')[0].innerText = '电子信息' $('.second3Title>p')[0].innerHTML = 'ELECTRONIC
INFORMATION' $('.second3Title>.textsecond3')[0].innerHTML = '重点关注计算机与智能消费设备制造、信息通信、新型显示、集成电路、电子元器件与专用材料产业、人工智能等领域' } if($(this).children()[1].innerText=='医药生物'){ $('.second3Title>.title')[0].innerText = '医药生物' $('.section3').css ('background','url(images/医药生物-bg.jpg) center top no-repeat') $('.second3Title>.title')[0].innerText = '医药生物' $('.second3Title>p')[0].innerHTML = 'PHARMACEUTICAL
BIOLOGY' $('.second3Title>.textsecond3')[0].innerHTML = '重点关注创新医药、高端医疗器械、CXO(合同研发生产组织)、BT(生物技术)+IT(信息技术)融合、产业链配套、商贸供应链、医' } }) // $('.number1').leoTextAnimate({delay:0,autorun:true,fixed:[',',':','.'],start:'-'}); // $('.number2').leoTextAnimate({delay:0,autorun:true,fixed:[',',':','.'],start:'-'}); // $('.number3').leoTextAnimate({delay:0,autorun:true,fixed:[',',':','.'],start:'-'});