M

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

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 질문답변

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

+
제목 글쓴이 날짜 조회
15년 전 조회 1,553
15년 전 조회 1,891
15년 전 조회 2,237
15년 전 조회 2,812
15년 전 조회 2,244
15년 전 조회 1,604
15년 전 조회 1,637
15년 전 조회 1,679
15년 전 조회 1,557
15년 전 조회 1,783
15년 전 조회 1,558
15년 전 조회 1,672
15년 전 조회 1,560
15년 전 조회 1,547
15년 전 조회 2,053
15년 전 조회 1,255
15년 전 조회 1,800
15년 전 조회 1,784
15년 전 조회 1,738
15년 전 조회 1,648