|
|
|
|
@ -1,4 +1,19 @@ |
|
|
|
|
//banner
|
|
|
|
|
$(function(){ |
|
|
|
|
//判断是否在可视区内部
|
|
|
|
|
function isVisible(selectid) { |
|
|
|
|
console.log(selectid) |
|
|
|
|
var o; |
|
|
|
|
if ('object' === typeof selectid) { |
|
|
|
|
o = selectid; |
|
|
|
|
} else { |
|
|
|
|
o = $(selectid); |
|
|
|
|
} |
|
|
|
|
var of = o.offset(); |
|
|
|
|
var w = $(window); |
|
|
|
|
return !(w.scrollTop() > (of.top + o.outerHeight()) || (w.scrollTop() + w.height()) < of.top); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
$('.index_banner').slick({ |
|
|
|
|
autoplay: true,
|
|
|
|
|
arrows: false, |
|
|
|
|
@ -17,7 +32,69 @@ $('.index_banner').slick({ |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
}); |
|
|
|
|
$('.brand__slider').owlCarousel({ |
|
|
|
|
loop:true, |
|
|
|
|
margin:30, |
|
|
|
|
autoplay:false, |
|
|
|
|
autoplayTimeout:3000, |
|
|
|
|
smartSpeed:500, |
|
|
|
|
items:3, |
|
|
|
|
navText:['<button><i class="fal fa-angle-left"></i></button>','<button><i class="fal fa-angle-right"></i></button>'], |
|
|
|
|
nav:false, |
|
|
|
|
dots:false, |
|
|
|
|
responsive:{ |
|
|
|
|
0:{ |
|
|
|
|
items:1 |
|
|
|
|
}, |
|
|
|
|
576:{ |
|
|
|
|
items:2 |
|
|
|
|
}, |
|
|
|
|
767:{ |
|
|
|
|
items:3 |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
$($('.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<br>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<br>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<br>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<br>BIOLOGY' |
|
|
|
|
$('.second3Title>.textsecond3')[0].innerHTML = '重点关注创新医药、高端医疗器械、CXO（合同研发生产组织）、BT（生物技术）+IT（信息技术）融合、产业链配套、商贸供应链、医' |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
$('.index_banner').init(function(slick){ |
|
|
|
|
$('.index_banner .item.slick-current').addClass('active').siblings().removeClass('active') |
|
|
|
|
@ -44,17 +121,21 @@ $('.section1 .next').click(function(){ |
|
|
|
|
var nav=$("header"); //得到导航对象
|
|
|
|
|
var win=$(window); //得到窗口对象
|
|
|
|
|
var sc=$(document);//得到document文档对象。
|
|
|
|
|
win.scroll(function(){
|
|
|
|
|
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:'-'});
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
}) |
|
|
|
|
$('.number1').leoTextAnimate({delay:0,autorun:true,fixed:[',',':','.'],start:'-'}); |
|
|
|
|
$('.number2').leoTextAnimate({delay:0,autorun:true,fixed:[',',':','.'],start:'-'}); |
|
|
|
|
$('.number3').leoTextAnimate({delay:0,autorun:true,fixed:[',',':','.'],start:'-'});
|
|
|
|
|
setInterval(()=>{ |
|
|
|
|
$('.number1').leoTextAnimate({delay:0,autorun:true,fixed:[',',':','.'],start:'-'}); |
|
|
|
|
$('.number2').leoTextAnimate({delay:0,autorun:true,fixed:[',',':','.'],start:'-'}); |
|
|
|
|
$('.number3').leoTextAnimate({delay:0,autorun:true,fixed:[',',':','.'],start:'-'});
|
|
|
|
|
},3000) |
|
|
|
|
//移动端展开nav
|
|
|
|
|
$('#navToggle').on('click',function(){ |
|
|
|
|
$('.m_nav').addClass('open'); |
|
|
|
|
@ -83,14 +164,13 @@ $('#index_main').fullpage({ |
|
|
|
|
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'); |
|
|
|
|
@ -112,12 +192,11 @@ $('#index_main').fullpage({ |
|
|
|
|
live: true |
|
|
|
|
}); |
|
|
|
|
wow.init();
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
afterSlideLoad:function(){ |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
afterRender: function(){ |
|
|
|
|
console.log("222") |
|
|
|
|
var wow = new WOW({ |
|
|
|
|
boxClass: 'wow', |
|
|
|
|
animateClass: 'animated', |
|
|
|
|
@ -126,50 +205,9 @@ $('#index_main').fullpage({ |
|
|
|
|
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<br>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<br>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<br>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<br>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:'-'});
|
|
|
|
|
}) |
