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

메뉴 고정

개발자 jquery
화끈하게
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 12년 전 · 2462 · 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개

takumi22
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
css로 처리하시면 됩니다.
해당페이지에 있을때
$("#셀렉터").removeClass(".menu").addClass(".menuon");
이런식으로 처리하시면 됩니다.

무통장입금 페이지이면 이전 class는 지우고 red에 해당하는 menuon class를 적용시키면 되겠죠
<style>
menu{//기본색적용}
menuon{//빨강색적용}
</style>
쉽다zzz
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
감사합니다~

게시판 목록

팁게시판

디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
글쓰기

알고있으면 유용한 무료 디자인소스 사이트

#디자이너
덕덕서리
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

서버시간 알아내기

#개발자 #javascript
PPlayPixel
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

css 템플릿 사이트

#디자이너
덕덕서리
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

모바일 ui 사이트 [1]

#디자이너
덕덕서리
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

swip 사용 안하고, touchstart, touchmove 사용하여 슬라이드 구현

#퍼블리셔 #기타
돼지코구뇽
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

숫자를 한글표기로 바꾸기 입니다.

#개발자 #php
Angelos
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

Android,IOS 앱용 아이콘 템플릿 참고 사이트

#개발자 #mobile
인덱스웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

여러문장을 한번에 자동 줄바꿈 하기 입니다.

#개발자 #php
Angelos
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

서버 동시접속자 설정 변경하기

#개발자 #웹서버
인덱스웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

디렉토리의 모든 파일을 읽어 목록으로 만들기 입니다.

#개발자 #php
Angelos
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

PHP 버전이 낮아 imagerotate() 함수가 없을때 대신 사용하는 함수

#개발자 #php
뿌뿌하하
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

간단하게 자동으로 테이블 너비 조정하기 입니다. [1]

#개발자 #php
Angelos
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

문자열자르기 (문자별 다른 너비 해결)

#개발자 #php
PPASKRAN
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

테이블 복사 쿼리

#개발자 #mysql
서서로웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

많이들 사용하시는 Slider 에 대해서... [2]

#퍼블리셔 #기타
kkiplayer
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

현재 접속중인 사용자 나타내기

#개발자 #php
Angelos
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

mysql select 후 update 하기

#개발자 #mysql
서서로웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

다른 페이지로 이동하는 방법 3가지 입니다.

#개발자 #php
Angelos
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

한글문자열 자르는 법 입니다.

#개발자 #php
Angelos
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

mysql_query 전체 갯수 빨리 알아보기 입니다.

#개발자 #php
Angelos
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

POST값 통째로 인코딩하기, 배열, iconv

#개발자 #php
서서로웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

이메일주소 검사하기 입니다.

#개발자 #php
Angelos
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

php 확장자 내 맘대로 바꾸기 입니다.

#개발자 #웹서버
Angelos
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

문자열을 한 문자씩 나누어 출력하기 입니다.

#개발자 #php
Angelos
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

Node js 게시판 프로젝트 소개합니다.

#개발자 #node.js
ssnshero
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전