M

스킨자료실에 올라온글 탭 구성 질문

· 2010-08-16 (월) 10:49:32 · 1864 · 5
http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=109906

이것을 활용해보려고 하는데요;
<div class="wrap">
<div class="titles">
<div class="title">자유게시판</div><div class="tab"><a href="#">인기순</a> <span>|</span> <a href="#">최신순</a> <span>|</span> <a href="#">전체보기</a></div>
</div>
이 부분에서요

인기순 최신순 전체순 누르면

밑에 <div> </div>를 만들어서

그 부분이 출력 되게 하려면 어떻게 해야 하나요

ex ) 인기 순을 누르면

밑에 <div id=인기순> 출력 될 부분 </div>

최신 순을 누르면

<div id=최신순> 출력 될 부분 </div>

이런식으로 구성해 보고 싶습니다 ^^?

이런식으로 구성 하는것 맞나요?
|

댓글 5개

style 에 display 속성을 이용하여. 자바스크립트(또는 jquery)를 이용하여 클릭시 보여지거나 숨기는 작업해주시면 될거 같습니다.

display 속성 또는 jquery 에 show() hide() 메소드에 대해 네이버나 구글에서 찾아보시기 바랍니다.
답변 감사합니다.
http://manlev.kr/gnu/test.php
이렇게 만들어 보았는데 문제는
속도가 너무 느리네요 ;;
좀 출력 빨리 뜨는 탭 메뉴가 무엇인지 여쭈어 보아도 될까요??
음. 속도가 느린건 해당 사이트에 열고 닫기 스크립트 문제라기보단.

전체적이거나 또는 닫는스크립트 작동시 부하가 좀 걸리는거 같습니다.

settimeout 함수를 이용하시는거 같은데. 중복 실행되는지.

메모리 누수는 없는지 체크해보셔야 할 사항 같습니다.
추가로 가장 큰 문제점은
크롬이랑 익플이랑 사이즈가 다르네요;;;
사이즈는 style 시트 상 문제인거 같습니다. 마진이나 패딩값등 확인해보시고

불가피 할경우 CSS 핵을 이용해 별도로 스타일을 잡아주시는것도 방법중에 하나입니다.
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

66,531건

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

+
제목 글쓴이 날짜 조회
10-08-16 조회 2,316
10-08-16 조회 1,674
10-08-16 조회 1,713
10-08-16 조회 1,739
10-08-16 조회 1,624
10-08-16 조회 1,865
10-08-16 조회 1,623
10-08-16 조회 1,732
10-08-16 조회 1,633
10-08-16 조회 1,621
10-08-15 조회 2,119
10-08-15 조회 1,323
10-08-15 조회 1,866
10-08-15 조회 1,849
10-08-15 조회 1,804
10-08-15 조회 1,705
10-08-15 조회 1,668
10-08-15 조회 2,004
10-08-14 조회 1,755
10-08-14 조회 4,949