提交

MrShi

2025-07-04 82d483406921aa92b6ce3a1af5d17d80ccb78256

 web/js/home.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,107 @@
$(document).ready(function() {
    // è®¾ç½®å…¬å…±å¯¼èˆªæ 
    // $("#header").load("./components/nav.html");
    // è®¾ç½®å…¬å…±åº•éƒ¨
    $("#footer").load("./components/footer.html");

    // æ‰‹é£Žç´
    $(".index-fa-c").children().first().css("width", "456px");
    $('.index-fa-c').children().first().find('img:nth-child(1)').css("display", "none");
    $('.index-fa-c').children().first().find('img:nth-child(2)').css("display", "block");
    $('.index-fa-c').children().first().find('.fa-c-item-title').css("display", "none");
    $('.index-fa-c').children().first().find('.fa-c-item-c').css("display", "block");

    $(".index-fa-c>.fa-c-item").mouseover(function() {
        $(this).stop().find('img:nth-child(1)').css("display", "none");
        $(this).stop().find('img:nth-child(2)').css("display", "block");
        $(this).stop().find('.fa-c-item-title').css("display", "none");
        $(this).stop().find('.fa-c-item-c').css("display", "block");
        $(this).siblings().stop().find('img:nth-child(1)').css("display", "block")
        $(this).siblings().stop().find('img:nth-child(2)').css("display", "none")
        $(this).siblings().stop().find('.fa-c-item-title').css("display", "block")
        $(this).siblings().stop().find('.fa-c-item-c').css("display", "none")

        $(this).stop().animate({
            "width":"456px"
        },500).siblings().stop().animate({
            "width":"180px"
        }, 500)
    })
    $(".index-fa-c>.fa-c-item").mouseout(function() {
        $(".index-fa-c>.fa-c-item").stop().animate({
            "width":"180px"
        },500)

        $(this).stop().css("width", "456px");
        $(this).stop().find('img:nth-child(1)').css("display", "none");
        $(this).stop().find('img:nth-child(2)').css("display", "block");
        $(this).stop().find('.fa-c-item-title').css("display", "none");
        $(this).stop().find('.fa-c-item-c').css("display", "block");
    })


    // è¿è¥è¿ç»´ä¸€ä½“化解决方案
    $(".index-y-cate").children().first().addClass("index-y-active");
    $('.index-y-cate-item').click(function () {
        $(this).addClass('index-y-active').siblings().removeClass('index-y-active')
        if ($(this).text() === '智慧场馆运营系统') {
            $('#index-y-image1').attr('src', './assets/images/home_img6@2x.png')
            $('#index-y-image2').attr('src', './assets/images/home_ic_yunying@2x.png')
            $('.index-y-content-info-title').text('智慧场馆运营系统')
            $('.index-y-content-info-dsc').text('整合场馆内部资源，对场馆的设施、设备、服务等进行智能化改造和升级，实现用户体验与营收双增长')
        } else {
            $('#index-y-image1').attr('src', './assets/images/home_img7@2x.png')
            $('#index-y-image2').attr('src', './assets/images/home_ic_yunw1ei@2x.png')
            $('.index-y-content-info-title').text('智慧场馆运维系统')
            $('.index-y-content-info-dsc').text('具有资产管理、仓储管理、设备巡检和商户管理等功能的运维管控平台，保障场馆安全高效运转')
        }
    })

    // å¤šç»ˆç«¯æ”¯æŒã€æå‡è¿è¥æ•ˆçŽ‡
    $(".index-a-c").children().first().addClass("index-a-c-active");
    $("#index-a-1").css('display', 'flex')
    $("#index-a-2").css('display', 'none')
    $("#index-a-3").css('display', 'none')
    $("#index-a-4").css('display', 'none')

    $(".index-a-c>.index-a-c-item").mouseover(function() {
        $(this).addClass('index-a-c-active').siblings().removeClass('index-a-c-active')
        if ($(this).text() === '移动端') {
            $("#index-a-1").css('display', 'flex')
            $("#index-a-2").css('display', 'none')
            $("#index-a-3").css('display', 'none')
            $("#index-a-4").css('display', 'none')
        } else if ($(this).text() === 'PC端') {
            $("#index-a-1").css('display', 'none')
            $("#index-a-2").css('display', 'flex')
            $("#index-a-3").css('display', 'none')
            $("#index-a-4").css('display', 'none')
        } else if ($(this).text() === '自助端') {
            $("#index-a-1").css('display', 'none')
            $("#index-a-2").css('display', 'none')
            $("#index-a-3").css('display', 'flex')
            $("#index-a-4").css('display', 'none')
        } else if ($(this).text() === '数据大屏') {
            $("#index-a-1").css('display', 'none')
            $("#index-a-2").css('display', 'none')
            $("#index-a-3").css('display', 'none')
            $("#index-a-4").css('display', 'flex')
        }
    })

    // å½“页面滚动到一定距离时显示返回顶部按钮
    $('#back-to-top').fadeOut();
    $(window).scroll(function() {
        if ($(this).scrollTop() > 100) { // è¿™é‡Œå¯ä»¥æ ¹æ®éœ€è¦è°ƒæ•´æ•°å€¼
            $('#back-to-top').fadeIn(); // æ˜¾ç¤ºæŒ‰é’®
        } else {
            $('#back-to-top').fadeOut(); // éšè—æŒ‰é’®
        }
    });

    // ç‚¹å‡»æŒ‰é’®æ—¶ï¼Œé¡µé¢å¹³æ»‘滚动到顶部
    $('#back-to-top').click(function(event) {
        event.preventDefault(); // é˜»æ­¢é“¾æŽ¥çš„默认行为
        $('html, body').animate({scrollTop: 0}, 800); // é¡µé¢å¹³æ»‘滚动到顶部，800毫秒完成滚动
    });
});