mirror of https://gitee.com/topnuomi/zxf
68 lines
1.9 KiB
JavaScript
68 lines
1.9 KiB
JavaScript
window.Config = {
|
|
staticDir: '.'
|
|
};
|
|
|
|
let isClose = true,
|
|
header = $('.header'),
|
|
heaerMenuGroup = $('.menu-group'),
|
|
headerMask = $('.menu-mask'),
|
|
headerMenuBtn = $('.btn-img');
|
|
|
|
let t1;
|
|
function showMenu() {
|
|
clearTimeout(t1);
|
|
heaerMenuGroup.show().removeClass('iFadeOut').addClass('iFadeIn');
|
|
headerMask.show().removeClass('iFadeOut').addClass('iFadeIn');
|
|
headerMenuBtn.attr('src', window.Config.staticDir + '/images/guanbi.png');
|
|
$('body').css('overflow', 'hidden');
|
|
isClose = false;
|
|
}
|
|
|
|
function hideMenu() {
|
|
heaerMenuGroup.removeClass('iFadeIn').addClass('iFadeOut');
|
|
headerMask.removeClass('iFadeIn').addClass('iFadeOut');
|
|
headerMenuBtn.attr('src', window.Config.staticDir + '/images/menu.png');
|
|
$('body').css('overflow', 'auto');
|
|
isClose = true;
|
|
|
|
clearTimeout(t1);
|
|
t1 = setTimeout(function () {
|
|
heaerMenuGroup.hide();
|
|
headerMask.hide();
|
|
}, 1200);
|
|
}
|
|
|
|
$(function () {
|
|
$('.header .menu-group').load('../common/header.html');
|
|
$('.footer').load('../common/footer.html');
|
|
$(window).scroll(function () {
|
|
let t = $(document).scrollTop(), flag;
|
|
if ($(window).width() > 768) {
|
|
flag = t > 400;
|
|
} else {
|
|
flag = t > 60;
|
|
}
|
|
if (flag) {
|
|
header.removeClass('style1').addClass('style2');
|
|
} else {
|
|
header.removeClass('style2').addClass('style1');
|
|
}
|
|
});
|
|
header.on('click', '.menu-btn', function () {
|
|
(isClose == true) ? showMenu() : hideMenu();
|
|
});
|
|
$('.business-nav a').click(function (event) {
|
|
$('.business-nav a').removeClass('active');
|
|
$(this).addClass('active');
|
|
event.preventDefault();
|
|
let id = $(this).attr('href');
|
|
let ot = $(id)[0].offsetTop;
|
|
window.scrollTo({
|
|
top: ot - 90,
|
|
behavior: "smooth",
|
|
});
|
|
});
|
|
|
|
new WOW().init();
|
|
});
|