ul 탭 질문합니다!

ul 탭 질문합니다!

QA

ul 탭 질문합니다!

답변 2

본문

<script type="text/javascript"> 

function changePolicyTab(arg){ 

for(i=1;i<=2;i++) { 

document.getElementById("policyTab_"+i).style.display = "none"; 

document.getElementById("policyTab_"+arg).style.display = "block"; 

</script> 


<a onmouseover="changePolicyTab('1'); return false;"  href="#" id="policyTab1">1번대상</a> | 

<a onmouseover="changePolicyTab('2'); return false;"  href="#" id="policyTab2">2번대상</a> 


 <ul id="policyTab_1"> 

<li><?php echo latest("theme/basic", "notice", "5", "80");?></li> 

 </ul> 

 <ul id="policyTab_2" style="display:none"> 

<li><?php echo latest("theme/basic", "free", "5", "80");?></li> 

 </ul> 






탭만들기 이게 전부인데요

그대로 가져다 사용하는데 탭이 일곱개나올꺼에요 

근데 탭이 두번째까지 정상으로 작동하다가 세번째 네번째 갔다 첫번째 돌아오면 

모든표가 다 노출됩니다.. 스크립트 문제인가요?



그리고 보통 탭7개일때 모바일화면에서 볼때는 어떻게 하시나요?

이 질문에 댓글 쓰기 :

답변 2

탭이 이미 2개로 정해졌는데? 7개라뇨?


7개 출력 예제

<script type="text/javascript">

function changePolicyTab(arg){

for(i=1;i<=7;i++) {

document.getElementById("policyTab_"+i).style.display="none";

}

document.getElementById("policyTab_"+arg).style.display="block";

}

</script>

<a href="javascript:void(0);" id="policyTab1" onmouseover="changePolicyTab('1'); return false;">1번대상</a> |

<a href="javascript:void(0);" id="policyTab2" onmouseover="changePolicyTab('2'); return false;">2번대상</a> |

<a href="javascript:void(0);" id="policyTab3" onmouseover="changePolicyTab('3'); return false;">3번대상</a> |

<a href="javascript:void(0);" id="policyTab4" onmouseover="changePolicyTab('4'); return false;">4번대상</a> |

<a href="javascript:void(0);" id="policyTab5" onmouseover="changePolicyTab('5'); return false;">5번대상</a> |

<a href="javascript:void(0);" id="policyTab6" onmouseover="changePolicyTab('6'); return false;">6번대상</a> |

<a href="javascript:void(0);" id="policyTab7" onmouseover="changePolicyTab('7'); return false;">7번대상</a> 

<ul id="policyTab_1">

<li>1번 출력</li>

</ul>

<ul id="policyTab_2">

<li>2번 출력</li>

</ul>

<ul id="policyTab_3">

<li>3번 출력</li>

</ul>

<ul id="policyTab_4">

<li>4번 출력</li>

</ul>

<ul id="policyTab_5">

<li>5번 출력</li>

</ul>

<ul id="policyTab_6">

<li>6번 출력</li>

</ul>

<ul id="policyTab_7">

<li>7번 출력</li>

</ul>


그대로 가져다 사용해보면 탭이 두개만 나옵니다. 소스상으로도 그렇구요


임의로 탭을 10개가 되게 추가하고 동작시켜도 문제없이 잘 동작합니다.


우선 스크립트 문제는 아닌것 같습니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 3
© SIRSOFT
현재 페이지 제일 처음으로