테스트 사이트 - 개발 중인 베타 버전입니다

메뉴 고정

· 12년 전 · 2447 · 2

해당 페이지로 이동하면 메뉴의 색깔을 red색으로 하려고 합니다.
예를 들면 "무통장입금확인"을 누르면 페이지 이동 후 해당 메뉴가 빨강색으로 변경되어야 합니ㅏㄷ.
페이지가 이동한 후 jquery로 어떻게 해야하는지 모르겠네요
아래 소스는 기본적으로 만든 내용입니다. 도와 주시기 바랍니다. ^^

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>메뉴</title>
</head>

<script type="text/javascript">
$(function() {
});
</script>

<body>
<style type="text/css">

#menu5 {
 width: 160px;
}
 
#menu5 li a {
 height: 26px;
   voice-family: "\"}\"";
   voice-family: inherit;
 text-decoration: none;
 text-align:left;
 font-weight:bold;

 
#menu5 li a:link, #menu5 li a:visited {
 height: 26px;
 color: #7e7e7e;
 display: block;
 background: repeat-x  url(<?=$g4[shop_img_path]?>/sub_menu_bg.gif) ;
 padding: 8px 0 0 18px;
}
 
.menu5_class {
 color:#C60; 
}
 
#menu5 li a:hover {
 height: 26px;
 color: #393939;
 background: repeat-x  url(<?=$g4[shop_img_path]?>/sub_menu_bg1.gif) ;
 padding: 8px 0 0 18px;
}
#menu5 ul {
 height: 26px;
 list-style: none;
 margin: 0;
 padding: 0;
}

 #cus { background:#FFF; clear:both }
 #cus_menu { width:160px;  float:left;}
 #cus_space {width:35px; float:left; }
 #cus_contents {width:756px; float:left;}
 #cus_space2 {width:13px; float:right;}
</style>
        <div id="menu5">
          <ul id="menu5_ul">
            <li><a href="<?=$g4[bbs_path]?>/board.php?bo_table=money" >무통장입금확인</a></li>
            <li><a href="<?=$g4[bbs_path]?>/board.php?bo_table=qa" >일반문의</a></li>
            <li><a href="<?=$g4[bbs_path]?>/board.php?bo_table=gallery" >갤러리</a></li>
            <li><a href="<?=$g4[shop_path]?>/itemuselist.php" >사용후기</a></li>
          </ul>
        </div>  
</body>
</html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

css로 처리하시면 됩니다.
해당페이지에 있을때
$("#셀렉터").removeClass(".menu").addClass(".menuon");
이런식으로 처리하시면 됩니다.

무통장입금 페이지이면 이전 class는 지우고 red에 해당하는 menuon class를 적용시키면 되겠죠
<style>
menu{//기본색적용}
menuon{//빨강색적용}
</style>
감사합니다~

게시글 목록

번호 제목
384
12508
383
381
20395
12507
12506
12505
12504
12503
12502
12500
12499
12498
20392
12497
12496
12495
12494
12493
12492
12491
12490
12489
12488