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.
389 lines
13 KiB
389 lines
13 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')
|
|
$("#header").load("public/header1.html","",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 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
|
|
}
|
|
}
|
|
]
|
|
});
|
|
$('.electricItem').mouseenter(function(){
|
|
$(this).addClass('section3active').parent().siblings().children().removeClass('section3active')
|
|
if($(this).children()[1].innerText=='先进材料'){
|
|
$('.section3').addClass('xianjincailiao').fadeIn().removeClass('zhuangbeizhizao dianxixinxi yiyaoshengwu');
|
|
$('.second3Title>.title').animate({'opacity': 0}, 400, function(){
|
|
$('.second3Title>.title').html('先进材料').animate({'opacity': 1}, 500);
|
|
})
|
|
$('.second3Title>p').animate({'opacity': 0}, 400, function(){
|
|
$('.second3Title>p').html('ADVANCED<br>MATERIALS').animate({'opacity': 1}, 500);
|
|
})
|
|
$('.second3Title>.textsecond3').animate({'opacity': 0}, 400, function(){
|
|
$('.second3Title>.textsecond3').html('重点关注先进钢铁材料、先进有色金属材料、先进石化化工新材料、先进无机非金属材料、高性能纤维及制品和复合材料、前沿新材料等领域').animate({'opacity': 1}, 500);
|
|
})
|
|
}
|
|
if($(this).children()[1].innerText=='装备制造'){
|
|
$('.section3').addClass('zhuangbeizhizao').removeClass('xianjincailiao dianxixinxi yiyaoshengwu');
|
|
$('.second3Title>.title').animate({'opacity': 0}, 400, function(){
|
|
$('.second3Title>.title').html('装备制造').animate({'opacity': 1}, 500);
|
|
})
|
|
$('.second3Title>p').animate({'opacity': 0}, 400, function(){
|
|
$('.second3Title>p').html('EQUIPMENT<br>MAFUFACTURING').animate({'opacity': 1}, 500);
|
|
})
|
|
$('.second3Title>.textsecond3').animate({'opacity': 0}, 400, function(){
|
|
$('.second3Title>.textsecond3').html('重点关注高端装备、新能源、汽车及零部件、航空航天等领域').animate({'opacity': 1}, 500);
|
|
})
|
|
}
|
|
if($(this).children()[1].innerText=='电子信息'){
|
|
$('.section3').addClass('dianxixinxi').removeClass('xianjincailiao zhuangbeizhizao yiyaoshengwu')
|
|
$('.second3Title>.title').animate({'opacity': 0}, 400, function(){
|
|
$('.second3Title>.title').html('电子信息').animate({'opacity': 1}, 500);
|
|
})
|
|
$('.second3Title>p').animate({'opacity': 0}, 400, function(){
|
|
$('.second3Title>p').html('ELECTRONIC<br>INFORMATION').animate({'opacity': 1}, 500);
|
|
})
|
|
$('.second3Title>.textsecond3').animate({'opacity': 0}, 400, function(){
|
|
$('.second3Title>.textsecond3').html('重点关注计算机与智能消费设备制造、信息通信、新型显示、集成电路、电子元器件与专用材料产业、人工智能等领域').animate({'opacity': 1}, 500);
|
|
})
|
|
}
|
|
if($(this).children()[1].innerText=='医药生物'){
|
|
$('.section3').addClass('yiyaoshengwu').removeClass('xianjincailiao zhuangbeizhizao dianxixinxi');
|
|
$('.second3Title>.title').animate({'opacity': 0}, 400, function(){
|
|
$('.second3Title>.title').html('医药生物').animate({'opacity': 1}, 500);
|
|
})
|
|
$('.second3Title>p').animate({'opacity': 0}, 400, function(){
|
|
$('.second3Title>p').html('PHARMACEUTICAL<br>BIOLOGY').animate({'opacity': 1}, 500);
|
|
})
|
|
$('.second3Title>.textsecond3').animate({'opacity': 0}, 400, function(){
|
|
$('.second3Title>.textsecond3').html('重点关注创新医药、高端医疗器械、CXO（合同研发生产组织）、BT（生物技术）+IT（信息技术）融合、产业链配套、商贸供应链、医疗健康服务等领域').animate({'opacity': 1}, 500);
|
|
})
|
|
}
|
|
})
|
|
$('.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(){
|
|
})
|
|
|
|
|
|
// 流动效果
|
|
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
|
|
});
|
|
}
|
|
|
|
//全屏滚动
|
|
$('#index_main').fullpage({
|
|
'navigation': true,
|
|
scrollBar: false,
|
|
slidesNavigation: true,
|
|
css3: true,
|
|
controlArrows: false,
|
|
continuousHorizontal:true,
|
|
scrollingSpeed:500,
|
|
showActiveTooltip :true,
|
|
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");
|
|
}
|
|
},
|
|
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/cateGory",
|
|
type: "POST",
|
|
data: {},
|
|
success: function (res) {
|
|
let html = ''
|
|
let data = res.data
|
|
data.forEach((item,index)=>{
|
|
if(index==0){
|
|
html+=`<div class="titleItem titleItemActive" data-id='${item.id}'>${item.title}</div>`
|
|
news01_render(item.id)
|
|
}else{
|
|
html+=`<div class="titleItem" data-id='${item.id}'>${item.title}</div>`
|
|
}
|
|
})
|
|
$(".titleContent").append(html)
|
|
$('.newsLeftContent>a').attr('href','http://sct.njrenzhou.cn/news/news01.html')
|
|
|
|
$('.titleContent .titleItem').click(function(){
|
|
console.log($(this))
|
|
if($(this).attr('class').indexOf('titleItemActive')!=-1){
|
|
// news01_render($(this)[0].dataset.id)
|
|
}else{
|
|
$(this).addClass('titleItemActive').siblings().removeClass('titleItemActive');
|
|
news01_render($(this)[0].dataset.id)
|
|
}
|
|
|
|
if($('.titleItemActive')[0].dataset.id==11){
|
|
$('.newsLeftContent>a').attr('href','http://sct.njrenzhou.cn/news/news01.html')
|
|
}
|
|
if($('.titleItemActive')[0].dataset.id==13){
|
|
$('.newsLeftContent>a').attr('href','http://sct.njrenzhou.cn/news/news02.html')
|
|
}
|
|
if($('.titleItemActive')[0].dataset.id==35){
|
|
$('.newsLeftContent>a').attr('href','http://sct.njrenzhou.cn/news/news03.html')
|
|
}
|
|
})
|
|
},
|
|
error: function (err) {
|
|
console.log(err);
|
|
}
|
|
})
|
|
function starList(){
|
|
$.ajax({
|
|
type: 'post',
|
|
url: 'https://suzhou.njrenzhou.cn/api.php/busmap/starProject',
|
|
dataType: 'json',
|
|
data:{
|
|
limit:30
|
|
},
|
|
success: function (res) {
|
|
console.log(res,"mmm")
|
|
|
|
let data = res.data.data
|
|
let firstList = data.slice(0,30);
|
|
let secondList = data.slice(30,30);
|
|
let thirdList = data.slice(31,30)
|
|
|
|
|
|
|
|
let html=''
|
|
res.data.data.forEach((item,index)=>{
|
|
html+=`<li><img src="https://suzhou.njrenzhou.cn${item.thumb}"></li>`
|
|
})
|
|
$('.g1 ul').append(html)
|
|
$('.g2 ul').append(html)
|
|
$('.g3 ul').append(html)
|
|
groupSlide()
|
|
// console.log(firstList,secondList,thirdList)
|
|
}
|
|
})
|
|
}
|
|
starList()
|
|
})
|
|
function news01_render(categoryId){
|
|
$.ajax({
|
|
type: 'post',
|
|
url: 'https://suzhou.njrenzhou.cn/api.php/index/articleList',
|
|
data:{
|
|
category_id:categoryId,
|
|
order:'asc',
|
|
sort:'weigh'
|
|
},
|
|
dataType: 'json',
|
|
success: function (res) {
|
|
if(res.code==200){
|
|
let html = ''
|
|
let data = res.data.data;
|
|
data.forEach((item,index)=>{
|
|
html+=`<div class="brand__thumb category__item transition-3">
|
|
<div class="imgcontainer transition-3">
|
|
<img src="https://suzhou.njrenzhou.cn${item.thumb}" alt="">
|
|
</div>
|
|
<div class="contentText transition-3">
|
|
<div class="contenttitle">${item.title}</div>
|
|
<p>${item.subtitle}</p>
|
|
<div class="time">${item.publish_time_text}</div>
|
|
</div>
|
|
</div>`
|
|
})
|
|
$('.brand__slider').empty().append(html)
|
|
$(".brand__slider").trigger("destroy.owl.carousel")
|
|
$('.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
|
|
},
|
|
},
|
|
})
|
|
}
|
|
},
|
|
error: function (err) {
|
|
console.log(err);
|
|
}
|
|
|
|
});
|
|
}
|
|
|
|
|
|
|