GNB sub-menu highlight UI added.

git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@12029 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2012-11-01 08:51:08 +00:00
parent cf8a0b30ff
commit b82124b896
4 changed files with 7 additions and 5 deletions

View file

@ -25,7 +25,8 @@
<nav class="gnb" id="gnb">
<a href="#gnbNav"><i class="x_icon-align-justify x_icon-white"></i><b></b> 메뉴열기/닫기</a>
<ul id="gnbNav">
<li loop="$gnbUrlList=>$key,$value" class="active open"|cond="$parentSrl==$key || $value['href']=='index.php?module=admin' && !$mid && !$act"><a href="{getFullUrl('')}{$value['href']}"><span class="tx">{$value['text']}</span></a>
<li loop="$gnbUrlList=>$key,$value" class="active open"|cond="$parentSrl==$key || $value['href']=='index.php?module=admin' && !$mid && !$act">
<a href="{getFullUrl('')}{$value['href']}"><span class="tx">{$value['text']}</span></a>
<ul cond="count($value['list'])">
<li loop="$value['list']=>$key2,$value2" class="active_"|cond="$value2['text'] == $subMenuTitle"><a href="{getFullUrl('')}{$value2['href']}">{$value2['text']}</a></li>
</ul>

View file

@ -262,7 +262,8 @@ body>.x,
.x>.xin>.body>.gnb>ul>li>ul>li:last-child>a{border-radius:0 0 4px 4px}
.x>.xin>.body>.gnb>ul>li>ul>li:only-child>a{border-radius:4px}
.x>.xin>.body>.gnb>ul>li>ul>li>a:hover,
.x>.xin>.body>.gnb>ul>li>ul>li>a:active{background:-webkit-gradient(linear,left top,left bottom,from(#F6F6F6),to(#F1F1F1));background:-moz-linear-gradient(top,#F6F6F6,#F1F1F1);background: -o-linear-gradient(top,#F6F6F6,#F1F1F1)}
.x>.xin>.body>.gnb>ul>li>ul>li>a:active,
.x>.xin>.body>.gnb>ul>li>ul>li.active_>a{font-weight:bold;background:-webkit-gradient(linear,left top,left bottom,from(#F6F6F6),to(#F1F1F1));background:-moz-linear-gradient(top,#F6F6F6,#F1F1F1);background: -o-linear-gradient(top,#F6F6F6,#F1F1F1)}
.x>.xin>.body>.gnb>ul>li>ul>li.active_>a:after{content:"";position:absolute;top:10px;right:-8px;border:4px solid transparent;border-left-color:#ededed;width:0;height:0;overflow:hidden}
/* li>ul>li>.action */
.x>.xin>.body>.gnb>ul>li>ul>li>.remove{position:absolute;top:4px;right:5px}

View file

@ -99,13 +99,13 @@ jQuery(function($){
var $xGnb = $xBody.find('>.gnb');
var $xGnb_li = $xGnb.find('>ul>li');
// Add icon
$xGnb_li.find('a').prepend('<i />');
$xGnb_li.find('>a').prepend('<i />');
// Active Submenu Copy
$xGnb_li.each(function(index){
$(this).attr('data-index', index+1);
});
var parentIndex = $xGnb_li.find('>ul>li.active_').closest('li.active').attr('data-index');
$xGnb_li.find('>ul>li.active_').clone().addClass('active').attr('data-index', parentIndex).prependTo('#gnbNav');
$xGnb_li.find('>ul>li.active_').clone().addClass('active').attr('data-index', parentIndex).prependTo('#gnbNav').find('>a').prepend('<i />');
// Index
// GNB Hover toggle
function reflow(){ // Browser bug fix & resize height

File diff suppressed because one or more lines are too long