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

카페24 메뉴 슬라이드다운 채택완료

비비비비빕 8년 전 조회 6,267

show: function(overNode, iCateNo) {

 

            if (methods.aSubCategory[iCateNo].length == 0) {

                return;

            }

 

            var aHtml = [];

            aHtml.push('<ul>');

            $(methods.aSubCategory[iCateNo]).each(function() {

                aHtml.push('<li><a href="/'+this.design_page_url+this.param+'">'+this.name+'</a></li>');

            });

            aHtml.push('</ul>');

 

 

            var offset = $(overNode).offset();

            $('<div class="sub-category"></div>')

                .appendTo(overNode)

                .html(aHtml.join(''))

                .find('li').mouseover(function(e) {

                    $(this).addClass('over');

                }).mouseout(function(e) {

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

                });

        },

 

        close: function() {

            $('.sub-category').remove();

        }

    };

 

 

메뉴에 마우스 오버시 <div class="sub-category"></div> 가 뿅나타났다

마우스아웃하면 뿅 사라지는데

마우스 오버시 슬라이드 다운 아웃시 슬라이드 업할려면 어떻게해야하나요?

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

답변 1개

채택된 답변
+20 포인트
세이세키

var offset = $(overNode).offset();

            $('<div class="sub-category"></div>')

                .appendTo(overNode)

                .html(aHtml.join(''))

                .find('li').mouseover(function(e) {

                    $(this).addClass('over').slideDown(300);//(시간) : 1000 = 1초

                }).mouseout(function(e) {

                    $(this).removeClass('over').slideUp(300);//(시간) : 1000 = 1초

                });

 

해당부분이 어떻게 표현되어있는지 몰라서 일단 slideDown/slideUp을 넣어봤습니다.

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

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

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

로그인