footer2078

Dynamic backgrounf for a footer

이 스크립트는 직접 설치하는 용도가 아닙니다. 다른 스크립트에서 메타 지시문 // @require https://update.greatest.deepsurf.us/scripts/491234/1351460/footer2078.js을(를) 사용하여 포함하는 라이브러리입니다.

질문 또는 리뷰 남기기, 또는 스크립트 신고하기.

줄 바꿈

$(document).ready(function () {
    $('.brand').hover(function () {
        var dynamicBgHeight;

        if ($(this).find('.fa-microsoft').length > 0) {
            dynamicBgHeight = 410;
        } else if ($(this).find('.fa-apple').length > 0) {
            dynamicBgHeight = 250;
        } else if ($(this).find('.fa-linkedin').length > 0) {
            dynamicBgHeight = 370;
        } else if ($(this).find('.fa-discord').length > 0) {
            dynamicBgHeight = 330;
        } else if ($(this).find('.fa-facebook').length > 0) {
            dynamicBgHeight = 370;
        } else if ($(this).find('.fa-twitter').length > 0) {
            dynamicBgHeight = 330;
        } else if ($(this).find('.fa-google').length > 0) {
            dynamicBgHeight = 290;
        } else if ($(this).find('.fa-telegram').length > 0) {
            dynamicBgHeight = 370;
        } else if ($(this).find('.fa-paypal').length > 0) {
            dynamicBgHeight = 300;
        }

        if ($(this).find('.dynamic-background').length === 0) {
            var dynamicBg = $('<div class="dynamic-background"></div>').css({
                'position': 'absolute',
                'border-radius': '5px',
                'bottom': '0',
                'left': '0',
                'width': '35px',
                'height': '0',
                'background-color': 'rgba(0, 0, 0, 0.5)',
                'z-index': '-1',
                'transition': 'height 0.3s ease'
            });
            $(this).prepend(dynamicBg);
        }

        $(this).find('.dynamic-background').css('height', dynamicBgHeight + 'px');

    }, function () {
        $(this).find('.dynamic-background').css('height', '0');
    });
});