인벤 스크립트 게시판

전체보기

모바일 상단 메뉴

본문 페이지

[문의] 탭 안의 탭 문의드립니다.

아이콘 Yuzuki
댓글: 1 개 관리자 댓글
조회: 135
2016-05-29 15:48:41
좌측의 경험치 탭에서 00,10,20...레벨의 탭을 또 만들었는데
00을 활성화한 상태에서 10을 누르면 00은 안사라지고 그 아래에 10이 중복되어 표시되는데
00이 활성화되있어도 10을 누르면 00이 사라지고 10이 나타나도록 만들고 싶습니다



코드







<!-- 배경 이미지-->
<div style='background: url("https://upload2.inven.co.kr/upload/2016/05/29/bbs/i11136949754.jpg") no-repeat 0px bottom / 100%; min-height: 400px;'>

<!-- 마격 기능 시작-->
<div style='padding: 0px; border-radius: 6px; border: 1px solid rgb(255, 178, 245); border-image: none; overflow: hidden; font-size: 11px; margin-top: 1px; margin-left: 6px; display: inline-block; -ms-zoom: 1; background-image: url("https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png");' data-inven-action="last-attack-5,last-attack-10,last-attack-all,send-note,search-profile" data-no-tooltip data-inven-result-detail data-inven-nick-default="Yuzuki">
<span style="padding: 0px 4px; border: 0px currentColor; border-image: none; width: 130px; height: 21px; color: rgb(255, 178, 245); line-height: 21px; font-size: 11px; float: left;" data-inven-attr-for="input"></span>
<span style="margin: 0px 0px 0px 1px; padding: 6px 4px 4px; border: 0px currentColor; border-image: none; height: auto; color: white; line-height: 100%; font-size: 11px; float: left; background-color: rgb(255, 178, 245);" data-inven-attr-for="button"></span>
<span style='padding: 4px 6px; border-radius: 6px; border: 1px solid rgb(255, 178, 245); border-image: none; width: 300px; color: rgb(255, 178, 245); font-size: 11px; margin-top: 2px; margin-left: 6px; background-image: url("https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png");' data-inven-attr-for="action-result" data-position="out"></span>
</div><!-- 마격 기능 종료-->

<!-- 아래에 <br>을 입력해서, 탭의 위치를 한줄씩 아래로 보낼 수 있습니다.-->

<div style="padding-top: 16px;" data-inven-tabs>

<!-- 탭 버튼 영역-->
<div style="float: left;"> 
<div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: rgb(255, 178, 245);" data-inven-tab-for="tab0" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}">유카리</div>
<div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: rgb(255, 178, 245);" data-inven-tab-for="tab1" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}">레벨표</div>
</div><!-- 탭 버튼 영역 종료-->


<div style="padding-bottom: 12px; margin-top: 6px; margin-left: 30px;min-height: 300px;">

<!-- 탭 내용 영역-->
<div data-inven-tab-id="tab0"><!-- 메인 탭-->
<div style='border-radius: 6px; border: 1px solid rgb(255, 214, 255); border-image: none; width: 204px; display: block; background-image: url("https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png");'>
<div style="padding: 4px 8px; color: rgb(255, 214, 255); font-weight: bold; border-bottom-color: rgb(255, 214, 255); border-bottom-width: 1px; border-bottom-style: solid;">Yukari</div>
<div style="padding: 4px 8px;">~~~상자 내용~~~</div>
</div></div>

<div data-inven-tab-id="tab1"><!-- 레벨표 탭 -->
<table border="0"
align="center"
bordercolor="#3C0561"
cellpadding="0" style = "margin-right:50%;">
<tbody>
<tr>
<td 
align="center" 
style="font-size:9pt;" 
width="200" 
bgcolor="#Ffffff">
<div style="display: inline-block; 
overflow: hidden ;
&nbsp; 
padding:0px 0px 5px; 
width:190px; 
margin:0px 0; 
background-color: #FFFFFF; 
border-radius: 6px; 
border: 2px double #9c9c9c; 
border-color: #ee1166">
<div style="display: inline-block; 
padding: 9px 0px ; 
width:200;&nbsp; ">
<font color="#ee1166"> 
<b>인벤 레벨별 경험치표</b>
</font>
</div>
<hr>

<a href="#" data-inven-toggle="lv00" style = "text-decoration:none;"> <img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv00.gif" </a>
<a href="#" data-inven-toggle="lv10" style = "text-decoration:none;"> <img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv10.gif" </a>
<a href="#" data-inven-toggle="lv20" style = "text-decoration:none;"> <img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv20.gif" </a>
<a href="#" data-inven-toggle="lv30" style = "text-decoration:none;"> <img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv30.gif" </a>
<a href="#" data-inven-toggle="lv40" style = "text-decoration:none;"> <img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv40.gif" </a><br>
<a href="#" data-inven-toggle="lv50" style = "text-decoration:none;"> <img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv50.gif" </a>
<a href="#" data-inven-toggle="lv60" style = "text-decoration:none;"> <img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv60.gif" </a>
<a href="#" data-inven-toggle="lv70" style = "text-decoration:none;"> <img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv70.gif" </a>
<a href="#" data-inven-toggle="lv80" style = "text-decoration:none;"> <img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv80.gif" </a>
<a href="#" data-inven-toggle="lv90" style = "text-decoration:none;"> <img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv90.gif" </a>
</td>
</tr>
</tbody>
</table>
<span style = "float:left; background-color:#FFFECC;margin-top:7%;">

<div data-inven-id="lv00" style="display:none; border-radius:6px;">
<table style = "border:1px solid #FE8ECC;border-radius:6px;">
<tr>
<td>레벨</td><td>누적 경험치</td><td>%당 경험치</td><td>마격타임</td>
</tr>
<tr>
<td><img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv00.gif"></td><td>-</td><td>-</td><td>-</td>
</tr>
<tr>
<td><img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv01.gif"></td><td>1</td><td>1</td><td>95</td>
</tr>
<tr>
<td><img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv02.gif"></td><td>101</td><td>1</td><td>195</td>
</tr>
<tr>
<td><img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv03.gif"></td><td>201</td><td>1</td><td>295</td>
</tr>
<tr>
<td><img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv04.gif"></td><td>301</td><td>1</td><td>395</td>
</tr>
<tr>
<td><img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv05.gif"></td><td>401</td><td>1</td><td>495</td>
</tr>
<tr>
<td><img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv06.gif"></td><td>501</td><td>1</td><td>595</td>
</tr>
<tr>
<td><img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv07.gif"></td><td>601</td><td>1</td><td>695</td>
</tr>
<tr>
<td><img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv08.gif"></td><td>701</td><td>1</td><td>795</td>
</tr>
<tr>
<td><img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv09.gif"></td><td>801</td><td>1</td><td>895</td>
</tr>
</table>
</div>
<div data-inven-id="lv10" style="display:none; border-radius:6px;">
<table style = "border:1px solid #FE8ECC;border-radius:6px;">
<tr>
<td>레벨</td><td>누적 경험치</td><td>%당 경험치</td><td>마격타임</td>
</tr>
<tr>
<td><img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv10.gif"></td><td>-</td><td>-</td><td>-</td>
</tr>
<tr>
<td><img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv11.gif"></td><td>1</td><td>1</td><td>95</td>
</tr>
<tr>
<td><img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv12.gif"></td><td>101</td><td>1</td><td>195</td>
</tr>
<tr>
<td><img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv13.gif"></td><td>201</td><td>1</td><td>295</td>
</tr>
<tr>
<td><img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv14.gif"></td><td>301</td><td>1</td><td>395</td>
</tr>
<tr>
<td><img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv15.gif"></td><td>401</td><td>1</td><td>495</td>
</tr>
<tr>
<td><img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv16.gif"></td><td>501</td><td>1</td><td>595</td>
</tr>
<tr>
<td><img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv17.gif"></td><td>601</td><td>1</td><td>695</td>
</tr>
<tr>
<td><img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv18.gif"></td><td>701</td><td>1</td><td>795</td>
</tr>
<tr>
<td><img src = "https://static.inven.co.kr/image_2011/member/level/1202/lv19.gif"></td><td>801</td><td>1</td><td>895</td>
</tr>
</table>
</div>
</span>
</div>

<!-- 탭 내용 영역 종료-->
</div></div></div><!-- 모든 내용 종료-->
메뉴 인장보기
EXP 90%

모바일 게시판 하단버튼

목록 본문 이전 다음 댓글쓰기

댓글

새로고침
새로고침

모바일 게시판 하단버튼

목록 본문 이전 다음 댓글보기

지금 뜨는 인벤

더보기+

모바일 게시판 리스트

모바일 게시판 하단버튼

최근 이전 다음
글쓰기

모바일 게시판 페이징

▲
AD