$(function () {
var winheight = $(window).height();
// setTimeout(function() {
var bannerMarginTop = parseFloat($('.banner').css('margin-top'));
//console.log(bannerMarginTop);
$('.qmmBanner .bd ul').height(winheight - bannerMarginTop);
$('.qmmBanner .bd ul li').height(winheight - bannerMarginTop);
// }, 600);
})
var winwidth = $("window").width();
$(".qmmTopNav .nav2 .qmmBusiness.hide").width(winwidth);
$(function () {
$(".qmmBanner").slide({
titCell: ".pagination",
mainCell: ".bd ul",
effect: "leftLoop",
autoPage: true,
autoPlay: true,
interTime: 6000,
// easing:"easeOutCirc",
trigger: "click",
mouseOverStop: "false"
});
$(".qmmWapBanner").slide({
mainCell: ".swiper-wrapper",
effect: "leftLoop",
autoPage: true,
autoPlay: true,
interTime: 6000,
// easing:"easeOutCirc",
trigger: "click",
mouseOverStop: "false"
});
for (let i = 0; i < Math.ceil($('.q_jList').find('li').length / 4); i++) {
$('.q_jdot').append('
1');
}
$(".q_jswiper").slide({
titCell: ".q_jdot",
mainCell: ".bd ul",
autoPage: true,
effect: "left",
scroll: 4,
vis: 4,
trigger: "click"
})
});
//console.log($("img.scale").length);
$("img.scale").imageScale();
addNum();
function addNum() {
var endNum = [];
var True = true;
$('.index .part4 .roll span').each(function (i) {
endNum.push($('.index .part4 .roll span').eq(i).text());
$('.index .part4 .roll span').eq(i).text(0);
});
function increase(index, current) {
var sup = endNum[index];
if (current > sup) return;
$(".index .part4 .roll span:eq(" + index + ")").text(current);
setTimeout(function () {
increase(index, current + 1)
}, 80);
}
}
const menuList = $('.secMenu a')
let active = $('.secMenu a.active')
$(menuList).on('click', function(e) {
window.removeEventListener('scroll', handleScroll)
$('.secMenu a').each(function () {
$(this).removeClass('active')
})
$(this).addClass('active')
active = $(this)
$("html, body").animate({scrollTop: $($(this).attr("href")).offset().top + "px"}, 500, () => window.addEventListener('scroll', handleScroll));
return false;
})
$('.secMenu').on('mouseenter', function () {
active.removeClass('active')
})
$('.secMenu').on('mouseleave', function () {
active.addClass('active')
})
const idList = ['home', 'about', 'digital', 'core', 'careers', 'contact', 'company']
function handleScroll(e) {
if (window.scrollY > 400) {
$('.headNav').find('.botCon').css('backgroundColor', '#fff')
} else {
$('.headNav').find('.botCon').css('backgroundColor', 'rgba(255,255,255,0.5)')
}
idList.forEach(ele => {
if (window.scrollY - 50 < $(`#${ele}`).offset().top && window.scrollY + 50 > $(`#${ele}`).offset().top) {
$('.secMenu a').each(function () {
$(this).removeClass('active')
})
$(`.secMenu a[href="#${ele}"]`).addClass('active')
active = $(`.secMenu a[href="#${ele}"]`)
}
})
}
window.addEventListener('scroll', handleScroll)
$(function () {
$('.szhfw').eq(0).addClass('active')
const digitalLiList = $('.digital').find('li.ibox')
digitalLiList.eq(0).addClass('active')
const digitalContent = $('.digital').find('.content-box p').hide()
digitalContent.eq(0).show()
for (let i = 0; i < digitalLiList.length; i++) {
const ele = digitalLiList[i];
$(ele).on('mouseenter', () => {
$(ele).siblings().removeClass('active')
$(ele).addClass('active')
digitalContent.hide()
digitalContent.eq(i).show()
})
}
})
$('.footer a').on('click', function () {
$("html, body").animate({scrollTop: $($(this).attr("href")).offset().top + "px"}, 500);
})