스킨자료실에 올라온글 탭 구성 질문 정보
스킨자료실에 올라온글 탭 구성 질문
본문
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>
이런식으로 구성해 보고 싶습니다 ^^?
이런식으로 구성 하는것 맞나요?
이것을 활용해보려고 하는데요;
<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>
이런식으로 구성해 보고 싶습니다 ^^?
이런식으로 구성 하는것 맞나요?
댓글 전체
style 에 display 속성을 이용하여. 자바스크립트(또는 jquery)를 이용하여 클릭시 보여지거나 숨기는 작업해주시면 될거 같습니다.
display 속성 또는 jquery 에 show() hide() 메소드에 대해 네이버나 구글에서 찾아보시기 바랍니다.
display 속성 또는 jquery 에 show() hide() 메소드에 대해 네이버나 구글에서 찾아보시기 바랍니다.
답변 감사합니다.
http://manlev.kr/gnu/test.php
이렇게 만들어 보았는데 문제는
속도가 너무 느리네요 ;;
좀 출력 빨리 뜨는 탭 메뉴가 무엇인지 여쭈어 보아도 될까요??
http://manlev.kr/gnu/test.php
이렇게 만들어 보았는데 문제는
속도가 너무 느리네요 ;;
좀 출력 빨리 뜨는 탭 메뉴가 무엇인지 여쭈어 보아도 될까요??
음. 속도가 느린건 해당 사이트에 열고 닫기 스크립트 문제라기보단.
전체적이거나 또는 닫는스크립트 작동시 부하가 좀 걸리는거 같습니다.
settimeout 함수를 이용하시는거 같은데. 중복 실행되는지.
메모리 누수는 없는지 체크해보셔야 할 사항 같습니다.
전체적이거나 또는 닫는스크립트 작동시 부하가 좀 걸리는거 같습니다.
settimeout 함수를 이용하시는거 같은데. 중복 실행되는지.
메모리 누수는 없는지 체크해보셔야 할 사항 같습니다.
추가로 가장 큰 문제점은
크롬이랑 익플이랑 사이즈가 다르네요;;;
크롬이랑 익플이랑 사이즈가 다르네요;;;
사이즈는 style 시트 상 문제인거 같습니다. 마진이나 패딩값등 확인해보시고
불가피 할경우 CSS 핵을 이용해 별도로 스타일을 잡아주시는것도 방법중에 하나입니다.
불가피 할경우 CSS 핵을 이용해 별도로 스타일을 잡아주시는것도 방법중에 하나입니다.