manHourHousekeeper/fhKeeper/formulahousekeeper/inva_4_tivo/js/index.js

// 产品鼠标移入移出
$('#productHov').hover(function () {$("#product").show()},function () {$("#product").hide()})
$('#product').hover(function () {$("#product").show()},function () {$("#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()
console.log(screenHeight)
// 系统智能的高度
let jiesaoTop = $('.jiesao').offset().top

// 智能引擎的高度
let znyqTop = $('.znyq').offset().top

let fill = $('.fill').offset().top
console.log(fill)

$(window).scroll(function () {
    // 当前滚动的高度
    let currentTop = $(window).scrollTop()
    if(currentTop < 2) {
        console.log('不执行')
        $('#all').addClass('hanAll')
        $('#abc').addClass('abc')
        $("#loGo").attr("src", './image/logo.png')
    } else {
        console.log('执行ll')
        $("#all").removeClass("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'
        $('#jiesaoP').css({'opacity': jiesaoopacity})
        $('#jiesaoImg').css({'padding-top': jiesaopadding})
    }
    // 智能引擎滚动计算
    if(currentTop > znyqTop && currentTop < (znyqTop + screenHeight) && currentTop < 2900) {
        console.log('执行')
        let znyqTopopacity = (2900 - currentTop)
        let znyqToppadding = (znyqTopopacity - 1) * 1.15 + 'px'
        $('#znyqH').css({'transform':'translate(0,'+znyqToppadding+')'})
    }
    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 > fill - 300) {
        $('#fillCon').addClass('fillCons')
    }
    if(currentTop < fill - 400){
        $("#fillCon").removeClass("fillCons");
    }
})

// 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')
        }
        $(this).find('img').attr("src", './image/ions/'+(+index + 1)+'.png')
        $('#finImg').attr("src", './image/gs'+(+index + 1)+'.jpg')
    })
})