카페24 카테고리 부분 질문드립니다..ㅠㅠ제발도와주세요..엉엉.. 채택완료

</p>

<p> <!-- 전체메뉴 오픈 --></p>

<p>                <div id="all_head">

                    <div class="all_list">

                        <div class="cate_left">

                            <ul>

                                <li><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>

                                <li><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>

                                <li><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>

                            </ul>

                        </div>

                        <div class="cate_right">

                            <div module="Layout_BoardInfo">

                                <h2>전체게시판</h2>

                                <ul>

                                    <li><a href="{$board_list_url}">{$board_name}</a></li>

                                    <li><a href="{$board_list_url}">{$board_name}</a></li>

                                </ul>

                            </div>

                        </div>

                    </div></p>

<p>                </div></p>

<p>

                <!-- 일반 카테고리 메뉴 -->  

                <div class="header_cate">

                    <div id="head" module="Layout_category">

                        <!--@js(/hs/js/common.js)-->

                        <div class="position">

                            <ul>

                                <li><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>

                                <li><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>

                                <li><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>

                            </ul>

                        </div>

                    </div>

                </div></p>

<p>

</p>

<p>/**

 * 카테고리 마우스 오버 이미지

 * 카테고리 서브 메뉴 출력

 */</p>

<p>$(document).ready(function(){</p>

<p>    var methods = {

        aCategory    : [],

        aSubCategory : {},

        aAll : [],

        

        get: function()

        {

             $.ajax({

                url : '/exec/front/Product/SubCategory',

                dataType: 'json',

                success: function(aData) {</p>

<p>                    if (aData == null || aData == 'undefined') return;

                    for (var i=0; i<aData.length; i++)

                    {

                        var sParentCateNo = aData[i].parent_cate_no;</p>

<p>                        if (!methods.aSubCategory[sParentCateNo]) {

                            methods.aSubCategory[sParentCateNo] = [];

                        }</p>

<p>                        methods.aSubCategory[sParentCateNo].push( aData[i] );

                    }

                }

            });

        },</p>

<p>        getParam: function(sUrl, sKey) {</p>

<p>            var aUrl         = sUrl.split('?');

            var sQueryString = aUrl[1];

            var aParam       = {};</p>

<p>            if (sQueryString) {

                var aFields = sQueryString.split("&");

                var aField  = [];

                for (var i=0; i<aFields.length; i++) {

                    aField = aFields[i].split('=');

                    aParam[aField[0]] = aField[1];

                }

            }

            return sKey ? aParam[sKey] : aParam;

        },</p>

<p>        getParamSeo: function(sUrl) {

            var aUrl         = sUrl.split('/');

            return aUrl[3] ? aUrl[3] : null;

        },</p>

<p>        show: function(overNode, iCateNo) {</p>

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

                return;

            }</p>

<p>            var aHtml = [];

            aHtml.push('<ul>');

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

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

            });

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

<p>

            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');

                });

        },</p>

<p>        close: function() {

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

        }

    };</p>

<p>    methods.get();

    

    $('.header_cate .xans-layout-category li').mouseenter(function(e) {

        var $this = $(this).addClass('on'),

        iCateNo = Number(methods.getParam($this.find('a').attr('href'), 'cate_no'));</p>

<p>        if (!iCateNo) {

            iCateNo = Number(methods.getParamSeo($this.find('a').attr('href')));

        }</p>

<p>        if (!iCateNo) {

           return;

        }</p>

<p>        methods.show($this, iCateNo);

     }).mouseleave(function(e) {

        $(this).removeClass('on');</p>

<p>          methods.close();

     });

    $('.cate_left li').addClass('on');

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

                .html(aHtml.join(''));

    

});</p>

<p>              </p>

<p>