오늘 여러번 질문하네요 ㅋㅋ 제이퀘리관련...

오늘 여러번 질문하네요 ㅋㅋ 제이퀘리관련...

QA

오늘 여러번 질문하네요 ㅋㅋ 제이퀘리관련...

답변 1

본문

$(function() {

    var $page_tab1 = $(".page_tab li"),

        $page_tab2 = $(".page_tab2 li");

    $page_tab1.click(function() {

        var num = $page_tab1.index(this);

        $(".content").addClass('disnon');

        $(".content").eq(num).removeClass('disnon');

        $page_tab1.add($page_tab2).removeClass('select');

        $(this).add($page_tab2.eq(num)).addClass('select');

var targetY = $("#nav_page_tab").offset().top;

        $(".content").fadeIn();

        $(".disnon").fadeOut();

    });

    $page_tab2.click(function() {

        var num = $page_tab2.index(this);

        $page_tab1.eq(num).trigger("click");

        $('html, body').animate({scrollTop:0}, 500);

    });

}); 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

이 코드 제대로 된건가요? ㅋㅋ

페이드인 아웃효과를 넣고 싶어서

막 갖다 붙였는데

어설프게 움직이는데;; 좀 더 깨끗하고 좋은 방법 없을까요?

페이드의 속도 조절이라든가;;;

 

질문하기가 어렵네요 너무 몰라가지고;;;

 

이 질문에 댓글 쓰기 :

답변 1

이렇게 하면 어떤가요?

 

$(function() {

    var $page_tab1 = $(".page_tab li"),

        $page_tab2 = $(".page_tab2 li");

    $page_tab1.click(function() {

        var num = $page_tab1.index(this);

        $(".content").eq(num).siblings(".content").hide().addClass('disnon');

        $(".content").eq(num).fadeIn(function(){

            $(this).removeClass('disnon');

        });

        $page_tab1.add($page_tab2).removeClass('select');

        $(this).add($page_tab2.eq(num)).addClass('select');

    });

    $page_tab2.click(function() {

        var num = $page_tab2.index(this);

        $page_tab1.eq(num).trigger("click");

        var targetY = $("#nav_page_tab").offset().top;

        $('html, body').animate({scrollTop:targetY}, 500);

    });

}); 

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 129,120
© SIRSOFT
현재 페이지 제일 처음으로