2011-02-10 3 views
0

example for desired design는 어떻게

히 모든 자바 스크립트에 새로운 오전과 내가 tabber 클래스에 대해 잘 모르는, 내가 탭에있는 페이지를하고 싶은 tabber 클래스를 사용하여 두 개의 탭 사이에 새로운 라인을 제공 할 탭이 두 개의 다른 행에있는 두 개의 differnet 행 연결 시스템 특성 페이지.

<li style="display: block;"></li> 

그리고 빈 사업부를 만들 :

  <div class="tabber">  
      <div class="tabbertab">  
      <h2>tab1</h2>  
      form stuff goes here...  
     </div>  
     <div class="tabbertab">  
      <h2>tab2</h2>  
      form stuff goes here  
     </div>  
     <div class="tabbertab ${tab_default}">  
      <h2>tab3</h2>  
      form stuff goes here  
      submit button here...  
     </div>  

이 난 두 개의 서로 다른 라인에 와서하고 싶은 두 개의 탭이 ...

+0

이 뜻인가요? http://www.barelyfitz.com/projects/tabber/ 어쨌든 당신이 묻는 것은 탭의 개념에 위배됩니다. 따라서 탭을 사용하지 않고 페이지를 재 설계 할 것을 조언 할 수는 있습니다 .. –

+0

yaa @Shadow 나는 이것을 얻고 싶습니다. 페이지의 탭의 종류지만 differnt 라인으로 seprate하고 싶습니다 .. 가능합니까 ?? –

+0

@AMIT 탭은 옆에있는 탭이 아니라 다른 탭 아래에있는 탭을 의미합니다. 후일 디자인의 스크린 샷을 게시 할 수 있습니까? –

답변

1
당신은 jQuery를 여러 플러그인을 가지고 얼핏에서 이러한 기능을 지원하는 코드를 사용해야합니다

예를 this one를 들어 http://plugins.jquery.com/plugin-tags/tabcontrol

당신이 후하고있는 "수직"탭이 있습니다.

+0

고마워요 @ 섀도우 나는 그것을 시도합니다 .. –

1

당신은 단지 구분으로 이것을 삽입 할 필요가있는 가정 해당 탭 "콘텐츠"에 대해

+0

이 줄 나는 CSS 파일에 넣어야합니까 ?? –

+0

아니요, 이것을 – kirilloid

+0

에 입력해야하지만 tabber.js를 사용하여 탭을 만들었습니까? –