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(); - // }); + }); })