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
|
<?php
$cur_img_url = $j3_imgm_url."/".$sk['sk_img_path'];
$menu_array = menu_get_mobile();
$mn_cnt = count($menu_array);
if($skin_css!=''){
echo $skin_css;
} else {
?>
<style>
.m_hd_lnb{width: 100%; margin-top: 5px;position: relative;background: #454c5f;}
.lnb_scroll_none{clear: both;overflow:hidden;height: 40px;}
.m_hd_lnb_box{height: 40px;font-size: 0;text-align: center;white-space: nowrap;overflow-y: hidden;overflow-x: scroll;position: relative;padding-bottom:20px;margin-left:30px;}
.m_hd_lnb_box ul{ margin: 0 25px 0 0;position: relative;position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.m_hd_lnb_box ul li a{padding-right: 35px;}
.lnb_left{position:absolute;left:0;top:0;width:40px;height:40px;background: #454c5f;}
.lnb_right{position: absolute;top: 0;right: 0;z-index: 2;width:40px;height: 40px;background: #454c5f;}
.lnb_left img{width:28px;margin:5px;}
.lnb_right img{width:28px;margin:5px;}
</style>
<?php
}
?>
<div class='class_skin_idx_<?php echo $sk_idx;?>'>
<div class="m_hd_lnb">
<div class="lnb_scroll_none">
<div class="m_hd_lnb_box">
<ul class="width_full height40 align_c">
<?php
foreach($menu_array as $key=>$info){
?>
<li class="float_l width_26"><a href="<?php echo $info['me_link']?>" target="<?php echo $info['me_target']?>" class="in_block width_full white txt13 bold l_height40 space_1 ellipsis"><?php echo $info['me_name']?></a></li>
<?php
}
?>
</ul>
</div>
<!--좌측 우측 이동 버튼-->
<a href="#" class="lnb_left"><img src="<?php echo $cur_img_url;?>/hd_lnb_left.png"></a>
<a href="#" class="lnb_right"><img src="<?php echo $cur_img_url;?>/hd_lnb_right.png"></a>
</div>
</div>
</div>
<script>
$(function(){
$(".lnb_right").click(function(){
$v = $(".m_hd_lnb_box").scrollLeft();
$v = parseInt($v) + 50;
$(".m_hd_lnb_box").scrollLeft($v);
});
$(".lnb_left").click(function(){
$v = $(".m_hd_lnb_box").scrollLeft();
$v = parseInt($v) - 50;
if($v<0){ $V = 0; }
$(".m_hd_lnb_box").scrollLeft($v);
});
});
</script>
|