From 95f797bc4129c1b8b4622dbec42c618b5c43077f Mon Sep 17 00:00:00 2001 From: Lee <342694918@qq.com> Date: Mon, 24 Jan 2022 11:41:11 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B90124?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- js/javascript.js | 64 ++++++++++++++++++++---------------------------- 1 file changed, 26 insertions(+), 38 deletions(-) diff --git a/js/javascript.js b/js/javascript.js index 5564c32..6103985 100644 --- a/js/javascript.js +++ b/js/javascript.js @@ -54,11 +54,31 @@ jQuery(function($){ }); // 产品锚点 - $('.onExperience').click(function(){$('html,body').animate({scrollTop:$('.experience-bg').offset().top}, 600);}); - $('.onAdvantage').click(function(){$('html,body').animate({scrollTop:$('.advantage-bg').offset().top}, 600);}); - $('.onScene').click(function(){$('html,body').animate({scrollTop:$('.scene-bg').offset().top}, 600);}); - $('.onPrice').click(function(){$('html,body').animate({scrollTop:$('.price').offset().top}, 600);}); - $('.onDeveloper').click(function(){$('html,body').animate({scrollTop:$('.developer-bg').offset().top}, 600);}); + $('.onExperience').click(function(){ + $('html,body').animate({scrollTop:$('.experience-bg').offset().top - 122}, 600); + $('.product-nav-item>li').removeClass("active"); + $(this).addClass("active"); + }); + $('.onAdvantage').click(function(){ + $('html,body').animate({scrollTop:$('.advantage-bg').offset().top - 122}, 600); + $('.product-nav-item>li').removeClass("active"); + $(this).addClass("active"); + }); + $('.onScene').click(function(){ + $('html,body').animate({scrollTop:$('.scene-bg').offset().top - 122}, 600); + $('.product-nav-item>li').removeClass("active"); + $(this).addClass("active"); + }); + $('.onPrice').click(function(){ + $('html,body').animate({scrollTop:$('.price-bg').offset().top - 122}, 600); + $('.product-nav-item>li').removeClass("active"); + $(this).addClass("active"); + }); + $('.onDeveloper').click(function(){ + $('html,body').animate({scrollTop:$('.developer-bg').offset().top - 122}, 600); + $('.product-nav-item>li').removeClass("active"); + $(this).addClass("active"); + }); // 应用场景切换 $(".scene-list li").eq(0).addClass("cur"); @@ -113,37 +133,5 @@ jQuery(function($){ $(this).removeClass('active'); $('.head .head-btn').removeClass('cur'); $('.head .nav').removeClass('active'); - }); - - - // 控制hover背景 - // $('.nav>li').eq(1).mouseover(function() { - // $(".nav-bg.wap-show").show(); - // }).mouseout(function() { - // $(".nav-bg.wap-show").hide(); - // }); - // $('.nav>li').eq(2).mouseover(function() { - // $(".nav-bg.wap-show").show(); - // }).mouseout(function() { - // $(".nav-bg.wap-show").hide(); - // }); - // $('.nav>li').eq(3).mouseover(function() { - // $(".nav-bg.wap-show").show(); - // }).mouseout(function() { - // $(".nav-bg.wap-show").hide(); - // }); - // $('.nav>li').eq(4).mouseover(function() { - // $(".nav-bg.wap-show").show(); - // }).mouseout(function() { - // $(".nav-bg.wap-show").hide(); - // }); - - // $('.side-nav-item>li').mouseover(function() { - // $(".nav-bg.wap-show").show(); - // }).mouseout(function() { - // $(".nav-bg.wap-show").hide(); - // }); - // $('.side-nav-item>li').eq(4).mouseover(function() { - // $(".nav-bg.wap-show").hide(); - // }); + }); })