// 产品鼠标移入移出 let fls = true $('#productHov').hover(function () {$("#product").show()},function () { setTimeout(function() { if(fls) { $("#product").hide() } }, 200) }) $('#product').hover(function () { fls = false $("#product").show() },function () { fls = true $("#product").hide() }) // 导航下划线 $('.aus li').hover(function () { let i = $(this).index() $(".aus li").eq(i).addClass('tils') },function () { let i = $(this).index() $(".aus li").eq(i).removeClass('tils') }) $('.auss li').hover(function () { let i = $(this).index() $(".auss li").eq(i).addClass('tils') },function () { let i = $(this).index() $(".auss li").eq(i).removeClass('tils') }) // 智能系统管家模块的js效果 let screenHeight = $(window).height() // 系统智能的高度 let jiesaoTop = $('.jiesao').offset().top // 智能引擎的高度 let znyqTop = $('.znyq').offset().top let fill = $('.fill').offset().top let tooltipsOffTop = $('#pricing').offset().top let filss = '' let tooltips = '' var devicewidth = document.documentElement.clientWidth if(document.documentElement.clientWidth < 1900) { var scale = devicewidth / 1920 filss = fill * scale tooltips = tooltipsOffTop * scale } else { filss = fill tooltips = tooltipsOffTop } $(window).scroll(function () { // 当前滚动的高度 let currentTop = $(window).scrollTop() if(currentTop < 2) { $('#all').removeClass('hanAll') $('#abc').addClass('abc') $("#loGo").attr("src", './image/logo.png') } else { $("#all").addClass("hanAll"); $("#abc").removeClass("abc"); $("#loGo").attr("src", './image/logo.jpg') } // 系统管理滚动计算 if (currentTop > jiesaoTop && currentTop < (jiesaoTop + screenHeight)) { let jiesaoopacity = (currentTop - jiesaoTop) / screenHeight // let jiesaopadding = (1 - jiesaoopacity) * 300 + 'px' let jieMIngcs = jiesaoopacity > 0.8 ? jiesaoopacity : '0' // 文字加透明 $('#manConDDp1').css({'opacity': jieMIngcs}) $('#manConDDp2').css({'opacity': jieMIngcs}) $('#manConDDp3').css({'opacity': jieMIngcs}) $('#manConDDp4').css({'opacity': jieMIngcs}) $('#manConDDp5').css({'opacity': jieMIngcs}) $('#manConDDp6').css({'opacity': jieMIngcs}) $('#manConDDp7').css({'opacity': jieMIngcs}) // 偏移 $('#manConDD1').css({'transform': `translate(0, ${(1 - jiesaoopacity) * 293}px)`}) $('#manConDD2').css({'transform': `translate(-${(1 - jiesaoopacity) * 362}px, ${(1 - jiesaoopacity) * 123}px)`}) $('#manConDD3').css({'transform': `translate(-${(1 - jiesaoopacity) * 362}px, -${(1 - jiesaoopacity) * 141}px)`}) $('#manConDD4').css({'transform': `translate(-${(1 - jiesaoopacity) * 162}px, -${(1 - jiesaoopacity) * 339}px)`}) $('#manConDD5').css({'transform': `translate(${(1 - jiesaoopacity) * 162}px, -${(1 - jiesaoopacity) * 339}px)`}) $('#manConDD6').css({'transform': `translate(${(1 - jiesaoopacity) * 362}px, -${(1 - jiesaoopacity) * 141}px)`}) $('#manConDD7').css({'transform': `translate(${(1 - jiesaoopacity) * 362}px, ${(1 - jiesaoopacity) * 123}px)`}) } // 智能引擎滚动计算 // if(currentTop > znyqTop && currentTop < (znyqTop + screenHeight) && currentTop < 3000) { // let znyqTopopacity = (2900 - currentTop) // let znyqToppadding = (znyqTopopacity - 1) * 1.15 + 'px' // $('#znyqH').css({'transform':'translate(0,'+znyqToppadding+')'}) // } if(currentTop > znyqTop && currentTop < (znyqTop + screenHeight)) { let teamOffset = (currentTop - znyqTop) / screenHeight $('#znyqH').css({'transform':`translate(0, ${(1 - teamOffset) * 260}px)`}) } if(currentTop > znyqTop && currentTop < (znyqTop + screenHeight + 800) && currentTop > 2900) { let znyqTopopacityVal = (currentTop - znyqTop) / (screenHeight + 800) // 550的 let znyqToppaddingfives = (1 - znyqTopopacityVal) * 550 + 'px' // 500的 let znyqToppaddingfive = (1 - znyqTopopacityVal) * 500 + 'px' // 400的 let znyqToppaddingfour = (1 - znyqTopopacityVal) * 400 + 'px' // 300的 let znyqToppaddingthree = (1 - znyqTopopacityVal) * 300 + 'px' if(znyqTopopacityVal < 0.2) znyqTopopacityVal = 0 $('#selMou1').css({'opacity': znyqTopopacityVal, 'transform':'translate(-'+znyqToppaddingfive+',-'+ znyqToppaddingfive +')'}) $('#selMou2').css({'opacity': znyqTopopacityVal, 'transform':'translate(-'+znyqToppaddingfour+',-'+ znyqToppaddingfour +')'}) $('#selMou3').css({'opacity': znyqTopopacityVal, 'transform':'translate(-'+znyqToppaddingfive+','+ znyqToppaddingfive +')'}) $('#selMou4').css({'opacity': znyqTopopacityVal, 'transform':'translate(-'+znyqToppaddingfour+','+ znyqToppaddingfour +')'}) $('#selMour1').css({'opacity': znyqTopopacityVal, 'transform':'translate('+znyqToppaddingthree+',-'+ znyqToppaddingthree +')'}) $('#selMour2').css({'opacity': znyqTopopacityVal, 'transform':'translate('+znyqToppaddingfour+',-'+ znyqToppaddingfour +')'}) $('#selMour3').css({'opacity': znyqTopopacityVal, 'transform':'translate('+znyqToppaddingfive+',-'+ znyqToppaddingfive +')'}) $('#selMour4').css({'opacity': znyqTopopacityVal, 'transform':'translate('+znyqToppaddingfives+',-'+ znyqToppaddingfives +')'}) $('#selMour5').css({'opacity': znyqTopopacityVal, 'transform':'translate('+znyqToppaddingthree+','+ znyqToppaddingthree +')'}) $('#selMour6').css({'opacity': znyqTopopacityVal, 'transform':'translate('+znyqToppaddingfour+','+ znyqToppaddingfour +')'}) $('#selMour7').css({'opacity': znyqTopopacityVal, 'transform':'translate('+znyqToppaddingfive+','+ znyqToppaddingfive +')'}) $('#selMour8').css({'opacity': znyqTopopacityVal, 'transform':'translate('+znyqToppaddingfives+','+ znyqToppaddingfives +')'}) } // 加样式 (填报、审批、统计分分钟搞定) if(currentTop > filss - 300) { $('#fillCon').addClass('fillCons') } if(currentTop < filss - 400){ $("#fillCon").removeClass("fillCons"); } // 加样式 (产品定价) if(currentTop > tooltips - 500) { $('#tooltipTis').addClass('tooltipTisFillCons') } if(currentTop < tooltips - 800){ $("#tooltipTis").removeClass("tooltipTisFillCons"); } }) // tab点击 $(function() { $('#tablTabUl li').click(function() { let index = $(this).index() var arr = $('#tablTabUl li') for(var i in arr) { $('#tablTabUl li').eq(i).find('img').attr("src", './image/ions/'+ (+i + 1)+'.1.png') $('#tablTabUl li').removeClass('tabOn') } $(this).addClass("tabOn") $(this).find('img').attr("src", './image/ions/'+(+index + 1)+'.png') $('#finImg').attr("src", './image/gs'+(+index + 1)+'.jpg') }) }) // 客服hover $('#zhixun').hover(function () { $("#zhixun").show() $("#consultigImg").attr("src", './image/ions/kefu1.png') },function () { $("#zhixun").hide() $("#consultigImg").attr("src", './image/ions/kefu2.png') }) $('#consulting').hover(function () { $("#zhixun").show() $("#consultigImg").attr("src", './image/ions/kefu1.png') },function () { $("#zhixun").hide() $("#consultigImg").attr("src", './image/ions/kefu2.png') }) let nums = 0 let mobiledistance = 0 // 客户点击 $(function() { kehuFlg() $('#kehuLeft').click(function() { if(nums > 0 && nums <= 5) { nums-- zuoyouClick() } }) $('#kehuRight').click(function() { if(nums < 5) { nums++ zuoyouClick() } }) }) function zuoyouClick() { mobiledistance = '-' + (nums * 510) + 'px' $('.conImg').stop(true,false).animate({ 'left': mobiledistance }, 400) kehuFlg() } function kehuFlg() { if(nums == 0) { $('#kehuLeft').find('img').attr("src", './image/ions/zuos.png') $('#kehuLeft').addClass("zhis") } else { $('#kehuLeft').find('img').attr("src", './image/ions/zuo.png') $('#kehuLeft').removeClass("zhis") } if(nums >= 5) { $('#kehuRight').find('img').attr("src", './image/ions/yous.png') $('#kehuRight').addClass("zhis") } else { $('#kehuRight').find('img').attr("src", './image/ions/you.png') $('#kehuRight').removeClass("zhis") } }