아래는 텝메뉴입니다.
탭메뉴01를 클릭하면 111로 가고
탭메뉴02를 클릭했을때는 222로 이동을 합니다.
그런데 홈(index)으로 가면 111, 222가 전부 나오는데
이것을 111만 나오게 하려고요. 지도 부탁드립니다.
감사합니다.
Copy
<script type='text/javascript'>
function viewContents(i)
{
document.getElementById('contents1').style.display = "none";
document.getElementById('contents2').style.display = "none";
document.getElementById('contents'+i).style.display = "";
}
</script>
<!--ui object -->
<div class="tab_tite">
<ul>
<li class="on" onclick="viewContents(1)"><a href="#">탭메뉴01</a></li>
<li class="on" onclick="viewContents(2);"><a href="#">탭메뉴02</a></li>
</ul>
</div>
<!--//ui object -->
<div id="contents1" >
<table border="0" cellpadding="0" cellspacing="0" width="180" height="100">
<tr>
<td bgcolor="#ffffff" colspan=3 > 1111
</td>
</tr>
</table>
</div>
<div id="contents2" >
<table border="0" cellpadding="0" cellspacing="0" width="180" height="100">
<tr>
<td bgcolor="#ffffff" colspan=3 > 222
</td>
</tr>
</table>
</div>
|
답변 4개
채택된 답변
+20 포인트
2013-12-30 (월) 13:47:12
window.onload = function() {
viewContents(1)
}
alexseo
2013-12-30 (월) 14:09:59
슈와이님, 답변 감사합니다.
적용해 보겠습니다.
alexseo
2013-12-30 (월) 11:41:57
운비님, 답변 대단히 감사드립니다.
적용해 보겠습니다.
2013-12-30 (월) 10:53:47
<div id="contents1" style="display:none;" >
<div id="contents2" style="display:none;" >
이런식으로 넣으세요
<li class="on" onclick="viewContents(1)"><a href="#">탭메뉴01</a></li>여긴 세미콜론이 빠져있네요.답변을 작성하려면 로그인이 필요합니다.