You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
308 lines
10 KiB
308 lines
10 KiB
(function($){
|
|
$.fn.numberRock=function(options){
|
|
var defaults={
|
|
lastNumber:100,
|
|
duration:3000,
|
|
easing:'swing' //swing(默认 : 缓冲 : 慢快慢) linear(匀速的)
|
|
};
|
|
var opts=$.extend({}, defaults, options);
|
|
|
|
$(this).animate({
|
|
num : "numberRock",
|
|
|
|
},{
|
|
duration : opts.duration,
|
|
easing : opts.easing,
|
|
complete : function(){
|
|
// console.log("success");
|
|
},
|
|
step : function(a,b){
|
|
|
|
$(this).html(parseInt(b.pos * opts.lastNumber));
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
})(jQuery);
|
|
//banner
|
|
$(function(){
|
|
$('#header').load('public/header1.html')
|
|
//判断是否在可视区内部
|
|
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,
|
|
dots:false,
|
|
infinite: true,
|
|
speed: 1000,
|
|
autoplaySpeed: 2000,
|
|
pauseOnHover: false,
|
|
fade: false,
|
|
responsive: [
|
|
{
|
|
breakpoint: 992,
|
|
settings: {
|
|
dots: true
|
|
}
|
|
}
|
|
]
|
|
});
|
|
$('.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(){
|
|
$(this).addClass('section3active').parent().siblings().children().removeClass('section3active')
|
|
if($(this).children()[1].innerText=='先进材料'){
|
|
$('.section3').addClass('xianjincailiao').removeClass('zhuangbeizhizao dianxixinxi yiyaoshengwu')
|
|
$('.second3Title>.title')[0].innerText = '先进材料'
|
|
$('.second3Title>p')[0].innerHTML = 'ADVANCED<br>MATERIALS'
|
|
$('.second3Title>.textsecond3')[0].innerHTML = '重点关注先进钢铁材料、先进有色金属材料、先进石化化工新材料、先进无机非金属材料、高性能纤维及制品和复合材料、前沿新材料等领域'
|
|
}
|
|
if($(this).children()[1].innerText=='装备制造'){
|
|
$('.section3').addClass('zhuangbeizhizao').removeClass('xianjincailiao dianxixinxi yiyaoshengwu')
|
|
$('.second3Title>.title')[0].innerText = '装备制造'
|
|
$('.second3Title>p')[0].innerHTML = 'EQUIPMENT<br>MAFUFACTURING'
|
|
$('.second3Title>.textsecond3')[0].innerHTML = '重点关注高端装备、新能源、汽车及零部件、航空航天等领域'
|
|
}
|
|
if($(this).children()[1].innerText=='电子信息'){
|
|
$('.section3').addClass('dianxixinxi').removeClass('xianjincailiao zhuangbeizhizao yiyaoshengwu')
|
|
$('.second3Title>.title')[0].innerText = '电子信息'
|
|
$('.second3Title>p')[0].innerHTML = 'ELECTRONIC<br>INFORMATION'
|
|
$('.second3Title>.textsecond3')[0].innerHTML = '重点关注计算机与智能消费设备制造、信息通信、新型显示、集成电路、电子元器件与专用材料产业、人工智能等领域'
|
|
}
|
|
if($(this).children()[1].innerText=='医药生物'){
|
|
$('.section3').addClass('yiyaoshengwu').removeClass('xianjincailiao zhuangbeizhizao dianxixinxi')
|
|
$('.second3Title>.title')[0].innerText = '医药生物'
|
|
$('.second3Title>p')[0].innerHTML = 'PHARMACEUTICAL<br>BIOLOGY'
|
|
$('.second3Title>.textsecond3')[0].innerHTML = '重点关注创新医药、高端医疗器械、CXO（合同研发生产组织）、BT（生物技术）+IT（信息技术）融合、产业链配套、商贸供应链、医'
|
|
}
|
|
})
|
|
$('.titleContent .titleItem').click(function(){
|
|
$(this).addClass('titleItemActive').siblings().removeClass('titleItemActive');
|
|
if($('.titleItemActive')[0].innerHTML=='企业动态'){
|
|
$('.newsLeftContent>a').attr('href','http://sct.njrenzhou.cn/news/news02.html')
|
|
}
|
|
if($('.titleItemActive')[0].innerHTML=='集团要闻'){
|
|
$('.newsLeftContent>a').attr('href','http://sct.njrenzhou.cn/news/news01.html')
|
|
}
|
|
if($('.titleItemActive')[0].innerHTML=='媒体聚焦'){
|
|
$('.newsLeftContent>a').attr('href','http://sct.njrenzhou.cn/news/news03.html')
|
|
}
|
|
})
|
|
$('.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(){
|
|
})
|
|
//移动端展开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');
|
|
});
|
|
// 流动效果
|
|
function groupSlide(){
|
|
imgScroll.rolling({
|
|
name:'g1',
|
|
width:'198px',
|
|
height:'116px',
|
|
direction:'left',
|
|
speed:10,
|
|
addcss:true
|
|
});
|
|
imgScroll.rolling({
|
|
name:'g2',
|
|
width:'198px',
|
|
height:'116px',
|
|
direction:'right',
|
|
speed:10,
|
|
addcss:true
|
|
});
|
|
imgScroll.rolling({
|
|
name:'g3',
|
|
width:'198px',
|
|
height:'116px',
|
|
direction:'left',
|
|
speed:10,
|
|
addcss:true
|
|
});
|
|
}
|
|
groupSlide()
|
|
//全屏滚动
|
|
$('#index_main').fullpage({
|
|
'navigation': true,
|
|
scrollBar: false,
|
|
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){
|
|
console.log(index)
|
|
if(index == 1){
|
|
$('header').removeClass('on').addClass("animation");
|
|
}
|
|
if(index == 2){
|
|
$('header').addClass('on').addClass("animation");
|
|
|
|
var _txt1 = $(".number1").attr('data-val');
|
|
var _txt2 = $(".number2").attr('data-val');
|
|
var _txt3 = $(".number3").attr('data-val');
|
|
$(".number1").numberRock({
|
|
lastNumber:_txt1,
|
|
duration:2000,
|
|
easing:'swing',
|
|
});
|
|
$(".number2").numberRock({
|
|
lastNumber:_txt2,
|
|
duration:2000,
|
|
easing:'swing',
|
|
});
|
|
$(".number3").numberRock({
|
|
lastNumber:_txt3,
|
|
duration:2000,
|
|
easing:'swing',
|
|
});
|
|
}
|
|
if(index == 3){
|
|
$('header').removeClass('on').addClass("animation");
|
|
}
|
|
if(index == 4){
|
|
$('header').addClass('on').addClass("animation");
|
|
}
|
|
if(index == 5){
|
|
$('header').removeClass('on').addClass("animation");
|
|
}
|
|
if(index == 6){
|
|
$('header').addClass('on').addClass("animation");
|
|
}
|
|
// var wow = new WOW({
|
|
// boxClass: 'wow',
|
|
// animateClass: 'animated',
|
|
// offset: 0,
|
|
// mobile: true,
|
|
// live: true
|
|
// });
|
|
// wow.init();
|
|
},
|
|
afterSlideLoad:function(){
|
|
},
|
|
afterRender: function(){
|
|
},
|
|
onLeave: function(index, direction){
|
|
if(index === 1){
|
|
$(".header").removeClass("animation");
|
|
}else if(index==2){
|
|
$(".number1")[0].innerHTML = 0
|
|
$(".number2")[0].innerHTML = 0
|
|
$(".number3")[0].innerHTML = 0;
|
|
$(".header").removeClass("animation");
|
|
}else{
|
|
$(".header").removeClass("animation");
|
|
}
|
|
}
|
|
})
|
|
$.ajax({
|
|
url: "https://suzhou.njrenzhou.cn/api.php/index/menuList",
|
|
type: "POST",
|
|
data: {},
|
|
success: function (res) {
|
|
console.log(res,"999");
|
|
// if(res.code==200){
|
|
// let data = res.data;
|
|
// let html = ''
|
|
// data.forEach(item=>{
|
|
// if(item.children&&item.children.length==0){
|
|
// html+=`<li>
|
|
// <a href="javascript:void(0)">党建工作</a>
|
|
// </li>`
|
|
// }
|
|
// html+=`<li class="dropdown">
|
|
// <a href="javascript:void(0)">${item.title}</a>
|
|
// <div class="dropdown_menu">
|
|
// <a href="#">集团介绍</a>
|
|
// <a href="#">董事长致辞</a>
|
|
// <a href="#">核心能力</a>
|
|
// <a href="#">企业文化</a>
|
|
// <a href="#">组织构架</a>
|
|
// <a href="#">合作伙伴</a>
|
|
// <a href="#">联系我们</a>
|
|
// </div>
|
|
// </li>`
|
|
// })
|
|
// }
|
|
},
|
|
error: function (err) {
|
|
console.log(err);
|
|
}
|
|
})
|
|
}) |