묻고답하기
자바스크립트 질문
2007.11.02 16:11
http://ljhmall.co.kr/product/view.asp?pcode=108#section
이페이지에 보면 중간에 보시면
제품개요, 제품사용후기, 제품 Q&A, 제품모니터링 이라고해서 탭모양으로된 메뉴가 보이실겁니다
그걸눌리면 바로바로 다른 내용의 글이 보여집니다, 아이프레임으로 페이지를 링크하는것같아보이진않고
분명 자바스크립트로 짜여진것같습니다,
혹시 이런비슷한 자바스크립트 알고계시거나 제로보드 사이트내에 팁게시판등에 있는것을아시면
좀 가르쳐주세요~
<html>
<head>
<script language="javascript">
<!--
function change(tmpVal) {
if ( tmpVal == '1') {
document.all.view_1.style.display = "";
document.all.view_2.style.display = "none";
document.all.view_3.style.display = "none";
} else if(tmpVal == '2'){
document.all.view_1.style.display = "none";
document.all.view_2.style.display = "";
document.all.view_3.style.display = "none";
} else if(tmpVal == '3'){
document.all.view_1.style.display = "none";
document.all.view_2.style.display = "none";
document.all.view_3.style.display = "";
}
}
//-->
</script>
</head>
<body onload="change('1');">
<table width="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="javascript:change('1');" onfocus="this.blur()">링크1</a></td>
<td><a href="javascript:change('2');" onfocus="this.blur()">링크2</a></td>
<td><a href="javascript:change('3');" onfocus="this.blur()">링크3</a></td>
</tr>
<tr>
<td colspan="3">
<div id="view_1">
내용1
</div>
<div id="view_2">
내용2
</div>
<div id="view_3">
내용3
</div>
</td>
</tr>
</table>
</body>
</html>
제시하신 사이트 주소에 작성된 소스입니다.