테스트 사이트 - 개발 중인 베타 버전입니다

홈페이지 베너 자동 변경 채택완료

homini 2년 전 조회 1,846

안녕하세요.

제가 테마를 다운받아서 쓰고 있는데, 홈페이지의 베너가 처음에는 투명이었다가 마우스 스크롤을 하면 하얀색으로 바뀌면서 화면 상단에 고정이 되는 방식으로 작동을 하는데, 그냥 처음부터 하얀색 배경이 있는 배너를 쓰려면 어떻게 해야 할까요? 아래는 /head.php 입니다.

 

<script>

    new WOW().init();

</script>

<script>

    $(function() {

        $("#gnb .gnb_1dli").mouseenter(function() {

            var menuWidth = $("#gnb .gnb_1dli").outerWidth();

            var menuLeft = 0;

            var index = $(this).index();

 

            for (var i = 0; i <= index - 1; i++) {

                menuLeft += $("#gnb .gnb_1dli").eq(i).outerWidth();

            }

            menuLeft -= $(this).outerWidth();

            $("#nav_bar").stop().animate({

                width: menuWidth,

                left: menuLeft

            }, 300);

        });

 

        $("#gnb").mouseleave(function() {

            $("#nav_bar").stop().animate({

                width: 0,

                left: 0

            }, 0);

        });

        setInterval(function() {

            if ($(window).scrollTop() >= 90) {

                $("#hd").addClass("scrollBg");

                $("#logo img.logo_pc").attr("src", "http://www.dosegi.co.kr/img/logo.png");

            } else {

                $("#hd").removeClass("scrollBg");

                $("#logo img.logo_pc").attr("src", "http://www.dosegi.co.kr/img/logo.png");

            }

        }, 300);

    });

</script> 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
들레아빠

</p>

<p>        setInterval(function() {</p>

<p>            if ($(window).scrollTop() >= 90) {</p>

<p>                $("#hd").addClass("scrollBg");</p>

<p>                $("#logo img.logo_pc").attr("src", "<a href="http://www.dosegi.co.kr/img/logo.png");" target="_blank" rel="noopener noreferrer">http://www.dosegi.co.kr/img/logo.png");</a></p>

<p>            } else {</p>

<p>//                $("#hd").removeClass("scrollBg");</p>

<p>                $("#hd").addClass("scrollBg");</p>

<p>                $("#logo img.logo_pc").attr("src", "<a href="http://www.dosegi.co.kr/img/logo.png");" target="_blank" rel="noopener noreferrer">http://www.dosegi.co.kr/img/logo.png");</a></p>

<p>            }</p>

<p>        }, 300);</p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

들레아빠
2년 전
채택 감사 합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인