웹마스터 팁

  2. Support
  3. 웹마스터 팁

(For 초보)원클릭으로 여러프레임 컨트롤하기

2004.04.19 21:33

쉬드

오늘의 스크립은 한번클릭으로 여러프레임을 이동시키는 겁니다.

프레임셋의 내용입니다
<html>
<head>
<title>난소중하니까-Sith(KNAF™</title>
</head>
<frameset cols="17%, 83%" border="5">
    <frame src="메뉴.htm" scrolling="auto">
    <frameset rows="45%, 55%">
        <frame src="위.php" name="up" noresize scrolling="auto">
        <frame src="아래.php" name="down" noresize scrolling="auto">
    </frameset>
    <noframes>
    <p> </p>
    </noframes>
</frameset>

</html>
up이라는 이름을 가진프레임과 down이라는 이름을 가진 프레임과 또하나의 프레임을 나눴습ㅁ니다
-------------프레임셋여기까지입니다--------------

-------여기서는 메뉴.htm의 파일의 내용입니다..즉,메뉴에서 클릭하면 up,down프레임에서 반응을합니다
<html>
<head>
<title>난소중하니까-Sith(KNAF™</title>
<!-- 여기서부터 중요합니다-->
<script language=javascript>
function twolink() {
   window.parent.frames["up"].location.href="http://www.knaf.co.ly/";
   window.parent.frames["down"].location.href="http://nuccm.co.ly/";
}
</script>
<!-- 스크립트 이름을 twolink라고 지었고-->
<!-- 만약에 실행을하면 up이라는 프레임이름을 가진 프레임에서는 http://www.knaf.co.ly/로 이동하고-->
<!-- down이라는 프레임이름을 가진 프레임에서는 http://nuccm.co.ly/로 이동합니다-->
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<br><br>
<p><a style="cursor:hand" onclick="twolink();" ><font face="굴림" size="2">이동할꺼야??</font></a></p>
<!-- "이동할꺼야??"라는 사이즈2의굴림체를 가진글자를 클릭하면 twolink가 실행됩니다.-->
<!-- 또 글씨위에 손을 올리면 마우스커서가 손모양으로 변합니다(cursor:hand)-->
</body>
</html>
-------이상 별거 아닌 스크롤압박만 큰 잡글이었습니다
-------악플도 환영합니다. 그러나 다른사람에게 피해는주지마세요
-------지우라면 지우겠습니다. 그러나 심한욕은 하지말아 주세요
-------중복이라면 제가 검색을 못하는점을 너그럽게 봐주세요
-------질문있으면 nansith@naver.com이나 쪽지나 리플로 남겨주세요
-------초보라서 죄송합니다. 틀린부분이 있으면 바로잡아주세요
이 게시물을
수정 삭제
좋아요
목록
태그 쓰기