묻고답하기

레이아웃으로 메뉴를 구성하는데 한가지가 구현이 되질 않아 여쭈어 봅니다.

 

http://seoseunghyun.kr/

에 들어가시면 메뉴를 클릭하면 활성화 상태로 그림이 선택됩니다. 그러면서 하위메뉴도 슬라이드 됩니다.

하지만 상위메뉴 이미지 버튼에서 마우스를 떼면 다시 비활성화 그림으로 대체됩니다.

ㅠㅜ 텍스트val['text']로 하는 경우 class를 주어 글자를 진하게 할 수있지만

그림val['link']라서 그림을 css속성으로도 바꿀수 없습니다.

 

어떻게 해야하나요?ㅠ

 

<div id="menu_navi" class="sMenu"><ul>{@$tmp=0}

<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])-->
<li class="<!--@if($val['selected'])-->selected<!--@end-->">
<a <!--@if($val['open_window']=='Y')--> onclick="window.open(this.href);return false;"<!--@end-->><!--@if($val['text']==$val['link'])--><span>{$val['text']}</span><!--@else-->{$val['link']}<!--@end--></a>
<!--@if($val['list'])-->
<ul>
<!--@foreach($val['list'] as $k => $v)--><!--@if($v['link'+ '+ '])-->
<li class="<!--@if($v['selected'])-->selected<!--@end-->">
<a href="{$v['href']}"<!--@if($v['open_window']=='Y')--> onclick="window.open(this.href);return false;"<!--@end-->><!--@if($v['text']==$v['link'])--><span>{$v['text']}</span><!--@else-->{$v['+ 'link']}<!--@end--></a>
<!--@if($v['+ 'list'])-->
<ul>
<!--@foreach($v['list'] as $ka => $va)--><!--@if($va['link'])-->
<li class="<!--@if($va['selected'])-->selected<!--@end-->">
<a href="{$va['href']}"<!--@if($va['open_window'+ ']=='Y')--> onclick="window.open(this.href);return false;"<!--@end-->><!--@if($va['text']==$va['link'])--><span>{$va['text']}</span><!--@else-->{$va['link']}<!--@end--></a>
</li>
<!--@end--><!--@end-->
</ul>
<!--@end-->
</li>
<!--@end--><!--@end-->
</ul>
<!--@end-->
</li>
<!--@end--><!--@end-->
</ul></div>

 

 

이고 스크립트 파일은

(function($){

jQuery(function($){

// Side Menu

var sMenu = $('+ 'div#menu_navi');

var sItem = sMenu.find('>ul>li');

var ssItem = sMenu.find('>ul>li>ul>li');

var lastEvent = null;

sItem.find('>ul').css('display','none');

sMenu.find('>ul>li>ul>li[class=selected]').parents('li').attr('class','selected');

sMenu.find('>ul>li[class=selected]').find('>ul').css('display','block');

 

function sMenuToggle(event){

var t = $(this);

if (this == lastEvent) return false;

lastEvent = this;

setTimeout(function(){ lastEvent=null }, 200);

if (t.next('ul').is(':hidden')) {

sItem.find('>ul').slideUp(100);

t.next('ul').slideDown(100);

} else if(!t.next('ul').length) {

sItem.find('>ul').slideUp(100);

} else {

t.next('ul').slideUp(100);

}

if (t.parent('li').hasClass('selected')){

t.parent('li').removeClass('selected');

} else {

sItem.removeClass('selected');

t.parent('li').addClass('selected');

}

}

sItem.find('>a').click(sMenuToggle).focus(sMenuToggle);

function subMenuselected(){

ssItem.removeClass('selected');
$(this).parent(ssItem).addClass('selected');

};

ssItem.find('>a').click(subMenuselected).focus(subMenuselected);

//icon

sMenu.find('>ul>li>ul').prev('+ 'a').append('<span class="i"></span>');

});

})(jQuery);

 

입니다.

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
RulruRalra 서브도메인 질문좀 드릴께요..  
웰즈 xe로 홈페이지 2개 운영 or 한 계정에 제로보드 2개설치 가능한가요? [6] 2009.01.30 by 웰즈
유타 최신 업그레이드후 글쓰기 안되네요... [4] 2009.01.30 by 중고전자
왕초보 게시판에 단 움직이는 배너.... [2] 2009.01.30 by 만쓰별(정만)
haru 업데이트후 글쓰기폼이 안나와요 [1] file 2009.01.30 by Habile
byte01 설치 중 초기화면에서 에러 메세지가 뜹니다. [1] 2009.01.30 by Habile
멜로딕 위젯 스킨 적용이 안됩니다.. [2] file 2009.01.30 by 멜로딕
이민식225 언어 설정에 따라 다른 테이블이 보이도록... 질문합니다.  
싴신 금지아이디 설정 처럼 금지닉네임 설정은 못하나요...? [1] 2009.01.30 by 지연아빠
최돈용 게시판 추가에서....이게 뭔가요? [1] file 2009.01.30 by 444
ammaket 글씨가 반으로 작아졌다 [3] file 2009.01.30 by 지연아빠
초보자 XE 설치 질문 [3] 2009.01.30 by 지연아빠
기쁨중독 카테고리별 문서출력에서...하위 카테고리 글까지 가져오는방법  
이효상839 회원가입 제목 바꾸기...도와주삼.. [2] 2009.01.30 by 의문이
Kelvin 분류를 보이게 할 수 있나요? [2] file 2009.01.30 by Kelvin
중고전자 회원정보박스 줄여주세요^^ [2] 2009.01.30 by 중고아트
흑묘백묘 버추얼 홈페이지에서 공용게시판?은 사용불가한죠? [5] 2009.01.31 by 주상태
맹물™ XE 1.1.5 로 업한후 나타난증상. [1] file 2009.01.31 by 주상태
Kelvin 분류를 보이고 싶어요 ㅠㅠ file  
구퍼 에디터의 확장컴포넌트에 있는 code highlighter를 쓰고 싶은데요.. [1] 2009.01.31 by 애치티