테스트 사이트 - 개발 중인 베타 버전입니다

키보드 눌러 이동하는 단축키 사용하기 입니다.

· 9년 전 · 241

<HTML>
<HEAD>
<META http-equiv="content-type" content="text/html; charset=euc-kr">

<style>
td {text-align:center; background-color:white; font-size:14px}
</style>

<!---- [1단계] 아래의 소스코드를 <HEAD>와 </HEAD> 사이에 붙여 넣으세요 ---->

<SCRIPT LANGUAGE="JavaScript">
<!--
var key = new Array();  // 키값과 이동할 곳의 주소를 입력 하세요
key['s'] = "http://sir.co.kr";
key['e'] = "http://esindi.com";
key['d'] = "http://www.daum.net";
key['a'] = "http://www.sayclub.com";

function getKey(keyStroke) {
isNetscape=(document.layers);
eventChooser = (isNetscape) ? keyStroke.which : event.keyCode;
which = String.fromCharCode(eventChooser).toLowerCase();
for (var i in key) if (which == i) window.location = key[i];
}
document.onkeypress = getKey;
// -->
</script>

<!------------------------- 여기까지 ---------------------------------->

</HEAD>

<BODY>

<TABLE border=0 bgcolor=teal cellspacing=1 cellpadding=10>
<TR>
        <TD colspan=2 style="background-color:lightgreen"><b>마우스 대신 키보드를 사용해서 이동합니다</b></TD>
 </TR>
<TR>
        <TD>s</TD>
        <TD>그누보드</TD>
</TR>
<TR>
        <TD>e</TD>
        <TD>이신디</TD>
</TR>
<TR>
        <TD>d</TD>
        <TD>다음넷</TD>
</TR>
<TR>
        <TD>a</TD>
        <TD>세이클럽</TD>
</TR>
</TABLE>

</BODY>
</HTML>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

팁게시판

디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
글쓰기