$(document).ready(function() {
checkHeight(); //出现置顶按钮
});
//页面滚动监听 改变导航背景色
$(window).scroll(function() {
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
console.log("滚动距离" + scrollTop);
if (scrollTop > 100) {
$(".sp-header").addClass('sp_header_style')
}
if (scrollTop < 100) {
$(".sp-header").removeClass('sp_header_style')
}
})
//出现置顶按钮
function checkHeight() {
$(".top").hide();
//检测屏幕高度
var height = $(window).height();
//scroll() 方法为滚动事件
$(window).scroll(function() {
if ($(window).scrollTop() > height) {
$(".top").fadeIn(500);
} else {
$(".top").fadeOut(500);
}
});
$(".top").click(function() {
$('body,html').animate({ scrollTop: 0 }, 100);
return false;
});
}
//面板3的js
$('.sp-card-three-header').click(function() {
$(this).find('img').toggle()
var index;
index = $(this).parent().index() - 1;
$('.sp-card-three-header-title').removeClass('color-homeyellow');
$('.sp-card-three-content').not(':eq(' + index + ')').addClass('di-n');
$(this).parent('.sp-card-three').siblings('.sp-card-three').find('.sp-card-three-header').find('.sp-card-three-header-icon').show()
$(this).parent('.sp-card-three').siblings('.sp-card-three').find('.sp-card-three-header').find('.sp-card-three-header-icon1').hide()
if ($(this).next().hasClass('di-n')) {
$(this).find('.sp-card-three-header-title').addClass('color-homeyellow');
$(this).next().removeClass('di-n');
} else if (($(this).parent().index() - 1) == index && !$(this).next().hasClass('di-n')) {
$('.sp-card-three-header-title').removeClass('color-homeyellow');
$('.sp-card-three-content').addClass('di-n');
}
})
//知识库下拉
$(".sp-card-knowledge-fold").on("click", function() {
$(this).find('p').toggleClass('clacolor')
$(this).siblings('div').toggle()
$(this).find("img").toggle()
$(this).parent().siblings('div').find(".sp-card-knowledge-content").hide()
$(this).parent().siblings('div').find("p").removeClass('clacolor')
$(this).parent().siblings('div').find(".sp-card-three-header-icon1").hide()
$(this).parent().siblings('div').find(".sp-card-three-header-icon").show()
})
//知识中心 按钮
$(".sp-card-konwcenter-conter-conter-two-btn").on("click", function() {
$(this).addClass("sp_adcl").siblings("span").removeClass("sp_adcl")
})
//右侧滑动导航
$(".sp_cd_function").on("click", function() {
$(".sp_animation_card").stop().animate({ right: "0rem" });
$('body').css('overflow-y', 'hidden');
})
$(".sp_animation_card_content_head_gb").on("click", function() {
$(".sp_animation_card").stop().animate({ right: "-3.75rem" });
$('body').css('overflow-y', 'auto');
})
//返回上一页方法
$(".sp_return_icon").on("click", function() {
window.history.back()
})
// //产品家族
// var menuHideTimer = 0
// $(".spw-menu-product").mouseover(function() {
// var smenu = this;
// if (menuHideTimer && menu[0] == smenu) {
// clearTimeout(menuHideTimer);
// }
// $.each($(".spw-menu-product"), function(index, item) {
// if (item != smenu) {
// $(item).find(".spw-menu-product-content").hide();
// }
// })
// $(this).find(".spw-menu-product-content").show();
// }).mouseout(function() {
// menu = $(this)
// menuHideTimer = setTimeout(function() {
// menu.find(".spw-menu-product-content").hide();
// }, 1000)
// });
//产品优势tab切换
function switchVsBox(This, type) {
$(This).addClass('spw-pro-community-vsbox-tab-title-active').removeClass('spw-pro-community-vsbox-tab-title');
$(This).siblings().addClass('spw-pro-community-vsbox-tab-title').removeClass('spw-pro-community-vsbox-tab-title-active');
if (type == 1) {
$('#vsbox-slide-1').removeClass('sp-di-n');
$('#vsbox-slide-2').addClass('sp-di-n');
$('#vsbox-slide-3').addClass('sp-di-n');
} else if (type == 2) {
$('#vsbox-slide-1').addClass('sp-di-n');
$('#vsbox-slide-2').removeClass('sp-di-n');
$('#vsbox-slide-3').addClass('sp-di-n');
} else if (type == 3) {
$('#vsbox-slide-1').addClass('sp-di-n');
$('#vsbox-slide-2').addClass('sp-di-n');
$('#vsbox-slide-3').removeClass('sp-di-n');
}
}
//pc端解决方案切换
function switchSolution(This, type) {
$(This).addClass('spw-pro-community-solu-pc-question-active');
$(This).siblings().removeClass('spw-pro-community-solu-pc-question-active');
if (type == 1) {
$('#solution-slide-1').removeClass('sp-di-n');
$('#solution-slide-1').siblings().addClass('sp-di-n');
} else if (type == 2) {
$('#solution-slide-2').removeClass('sp-di-n');
$('#solution-slide-2').siblings().addClass('sp-di-n');
} else if (type == 3) {
$('#solution-slide-3').removeClass('sp-di-n');
$('#solution-slide-3').siblings().addClass('sp-di-n');
} else if (type == 4) {
$('#solution-slide-4').removeClass('sp-di-n');
$('#solution-slide-4').siblings().addClass('sp-di-n');
} else if (type == 5) {
$('#solution-slide-5').removeClass('sp-di-n');
$('#solution-slide-5').siblings().addClass('sp-di-n');
} else if (type == 6) {
$('#solution-slide-6').removeClass('sp-di-n');
$('#solution-slide-6').siblings().addClass('sp-di-n');
}
}
//综合服务tab切换
function switchService(This, type) {
$(This).addClass('active');
$(This).siblings().removeClass('active');
if (type == 1) {
$('#service-slide-1').removeClass('sp-di-n');
$('#service-slide-1').siblings().addClass('sp-di-n');
} else if (type == 2) {
$('#service-slide-2').removeClass('sp-di-n');
$('#service-slide-2').siblings().addClass('sp-di-n');
} else if (type == 3) {
$('#service-slide-3').removeClass('sp-di-n');
$('#service-slide-3').siblings().addClass('sp-di-n');
} else if (type == 4) {
$('#service-slide-4').removeClass('sp-di-n');
$('#service-slide-4').siblings().addClass('sp-di-n');
}
}
//打开左侧菜单
function openMenu() {
$(".spw-sidemenu-mob").show();
$(".spw-masking").show();
$(".spw-sidemenu-open").hide();
$('body').css("overflow", "hidden");
}
//关闭左侧菜单
function closeMenu() {
if ($(".spw-sidemenu-mob").is(":hidden")) { //隐藏返回true
} else {
$(".spw-sidemenu-mob").hide();
$(".spw-sidemenu-open").show();
$(".spw-masking").hide();
$('body').css("overflow", "auto");
}
}
//footer部分更多
function footerMore() {
var height = $(".spw-footer-flink").height()
if (height == "45") {
$(".spw-footer-flink").animate({height: "120px"}, 200);
$(".spw-footer-flink-more-icon").css('border-top', '12px solid #b2b2b2');
$(".spw-footer-flink-more-icon").css('border-bottom', '0px');
} else if (height > "45") {
$(".spw-footer-flink").animate({height: "45px"}, 200);
$(".spw-footer-flink-more-icon").css('border-bottom', '12px solid #b2b2b2');
$(".spw-footer-flink-more-icon").css('border-top', '0px');
}
}
