쌩뚱맞은 CSS 질문 > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

쌩뚱맞은 CSS 질문 정보

쌩뚱맞은 CSS 질문

본문

음.. 여기는 그누 질답인걸 알지만

디자인 섹션쪽은 방문하시는 분이 너무 적어서 여기 적어요.
거슬리신다면 연락주세요. 자삭 할게요. ^^

궁금한 것은 CSS 롤오버 메뉴에 관한 것인데요.

롤오버 이미지를 구현하는 것은 되는데요, 예를들어 네이버 검색페이지처럼

해당 페이지로 간 뒤에 그 메뉴가 해당 페이지 메뉴로 선택되어 있게 하는 것입니다.
만약 버튼 메뉴라면 해당 페이지에서 해당 버튼 메뉴가 눌려져 있는 상태가 되게 말이죠.

네이버 검색페이지를 보면 이걸 자바 스크립트가 아니라 CSS로 구현하고 있는데,

당최 모르겠네요. 몇시간째 삽질인지...

아래 그림을 첨부할게요. 말로 하니 무슨 소린지... CSS 고수님들의 도움 기다릴게요.
  • 복사

댓글 전체

해당메뉴가 눌려져 있는 상태는 css만으로는 구현되지 않는걸로 알고 있슴당ㅎ
(혹시나 구현하실 수 있는 분 있다면 저좀 갈켜 주시길~;;)

네이버같은 경우도 파폭에서 스크립트사용안하고 검색을 해보면 위에처럼 안되거든요~;;

"네이버 검색페이지를 보면 이걸 자바 스크립트가 아니라 CSS로 구현하고 있는데, "

가 아니고.. 네이버 검색페이지도 자스를 이용한 메뉴랍니다.
http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=51170&sca=&sfl=wr_subject&stx=%B0%CB%BB%F6&sop=and

여기 소스의 검색 부분을 보면 자바 스크립트를 쓰지 않고 메뉴 항목을 고정하는 것 같은데 아닌가요?

제가 코드를 잘 읽지 못하는터라 놓치고 있는 것일지도 모르지만, 제 눈에는 그냥 css 로 검색 메뉴를 구성하고 있는것처럼 보이는데요.

어디를 살펴봐도 css 이외에는 메뉴 항목과 관련된 다른 스크립트가 없어요. -_-;;
엑스엠엘님 말대로 php 변수로 지정해놓고 사용한다면 클라이언트에서는 이미다 해석된상태로 출력되니까 소스상으로는 알수가 없죠.
저또한 메뉴에 css로 롤오버시켰지만 선택된 메뉴와 선택되지 않은 메뉴의 분간은 따로 php 함수를 만들어서 사용하고있습니다.
예로 현재페이지의 주소값을 구해서 변수로 등록해놓은값과 같으면 선택된메뉴 클래스로 아니면 일반메뉴 클래스로 출력되도록 했습니다.
© SIRSOFT
현재 페이지 제일 처음으로