1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
|
<?php $cur_img_url = $j3_img_url."/".$sk['sk_img_path'];
$cate_array = cate_lv0_list_get();
//_pr($cate2_array);
if($skin_css!=''){ echo $skin_css; } else { ?> <style> .menu01_pc_class { top:100px} /*전체메뉴버튼*/ .all_menu_btn{width:195px;height:45px;background:#29292f;padding:0;margin:0;text-align:center;} .all_menu_btn a{display: block;padding:0;line-height:45px;color:#fff;font-size:16px;} .all_menu_btn a img{margin-right:10px;} /*전체카테고리*/ .all_cate{display:none;position: absolute;top:45px;left:0;width:1200px;margin-left:0;background-color:#fff;border:1px solid #1f1f1f;z-index:50;} .all_cate_ico{line-height:38px;margin-right:50px;} .all_cate_pro{margin:15px 29px;;} .all_cate_pro li{margin-right:42px;} .all_cate_pro li:nth-child(6n){margin:0;} .cate_title{float:left;width: 155px;/*height:330px*/} .cate_title h4{display: block;height:35px;border-bottom:2px solid #141414;text-align:left;text-indent:10px;line-height:31px;color: #141414;font-size:11pt;} .cate_sec{margin:10px 0 0;text-align:left;} .cate_sec li{margin:0; width:150px;} .cate_sec li:hover{background:#f2f2f2;} .cate_sec li a{display: block;line-height:30px;font-size:10pt;margin:0 10px 0;} /*3차 카테고리가 있을경우 화살표 표시*/ .cate_sec li.arrow{background:url("<?php echo $cur_img_url;?>/arrow_cate.png") no-repeat 93% 12px} .cate_sec li.arrow:hover{background:url("<?php echo $cur_img_url;?>/arrow_cate.png") no-repeat 93% 12px #f2f2f2;} .cate_third{position: absolute;left:150px;top:0px;padding:10px 0;background:#fff;border:1px solid #bdbdbd;display:none;z-index:55;} .cate_third li{min-width:160px;} .cate_third li a{line-height:27px;min-width:180px;padding:0 15px;} .cate_third li:hover{background:#f2f2f2;} </style> <?php } ?> <div id="wrapper" class="class_skin_idx_<?php echo $sk_idx;?> menu01_pc_class"> <!--카테고리 전체보기--> <div class="float_l all_menu_btn"> <a href="#"><img src="<?php echo $cur_img_url;?>/all_cate_btn.png" alt="카테고리전체보기">카테고리전체보기</a> </div>
<div class="all_cate"> <ul class="all_cate_pro" style='display:inline-block;'> <?php foreach($cate_array as $key1=>$cate1){ $cate2_array = cate_lv1_list_get(substr($cate1['code2'],0,3)); ?> <li class="cate_title"><!--all_cate_title --> <h4 onclick="document.location.href='<?php echo $j3_shop_url."/list.php?code=".$cate1['code2'];?>';" class='pointer'><?php echo $cate1['name'];?></h4> <ul class="cate_sec"> <?php foreach($cate2_array as $key2=>$cate2){ $cate3_array = cate_lv2_list_get(substr($cate2['code2'],0,6)); if(count($cate3_array)>0){ $add_class = "arrow"; } else { $add_class= ""; } ?> <li class='<?php echo $add_class;?> relative' style='clear:both;'> <a href="<?php echo $j3_shop_url."/list.php?code=".$cate2['code2'];?>"><?php echo $cate2['name'];?></a> <?php if($add_class!=''){ echo "<div class='cate_third'><!--3차 카테고리--> <ul>"; foreach($cate3_array as $key3=>$cate3){ ?> <li><a href="<?php echo $j3_shop_url."/list.php?code=".$cate3['code2'];?>"><?php echo $cate3['name'];?></a></li> <?php } echo " </ul> </div><!--cate_third-->"; } ?> </li> <?php } ?> <!--<li class="arrow"><a>냉장고</a></li>--> </ul> </li> <?php } ?> </ul> </div><!--all_cate--> </div> <script> $(function(){ $(".all_menu_btn").click(function(){ $(".all_cate").show(); });
$(".all_cate").mouseleave(function(){ $(".all_cate").hide(); });
$(".cate_sec .arrow").mouseover(function(){ $(".cate_third").hide(); $(this).find(".cate_third").show(); });
$(".cate_third").mouseleave(function(){ $(".cate_third").hide(); }); }); </script>
|