<html>
<head>
<title>Event Test</title>
<script language='JavaScript'>
var c=0; var t; var timer_is_on=0
function checkContent()
{
alert("Content is changed.");
}
function displaymessage()
{
alert("Hello World!");
}
function writeText(txt)
{
document.getElementById("contents").innerHTML=txt;
}
function timedCount()
{
document.getElementById('txt').value=c;
c++;
if(c < 60){
t=setTimeout("timedCount()",1000);//1초마다..
}
}
</script>
</head>
<body onload="alert('Welcome!!');" onunload="alert('Bye~');"
onfocus="document.bgColor='white'" onblur="document.bgColor='yellow'">
<h2>테스트 페�지입니다.</h2>
<form>
<b>ë‚´ ìš©:</b>
<input type="text" size="30" id="email" onchange="checkContent()" alt="내용 변화 �지"><br>
<input type="button" value="메세지 ì¶œë ¥" onclick="displaymessage()"><br>
<img src="http://static.naver.com/ncc/2010/07/30/163114192381349.jpg"
onmousedown="alert('사ìž�ìž�리 ìœ ì„±ìš°');" onmouseup="alert('마우스 누르기 í•´ì œ');" alt="마우스 ëˆ„ë¥´ê³ ë•ŒëŠ” ê±° 확ì�¸">
<img src="http://static.naver.com/ncc/2010/07/30/1631301773960435.jpg"
width="300" height="300" usemap="#planet" onmouseout="alert('마우스 아웃');" alt="마우스 ��터 �지">
<map name="planet">
<area shape="circle" coords="150,150,20"
onmouseover="writeText('ìŒ�ë‘¥ì�´ìž�리 ìœ ì„±ìš°ì�˜ ì›� 부분ì—� 닿았습니다.');"
href="http://sstatic.naver.com/ncr/Recipe/1/20100413204704092_X0KZLRZZ1.jpg">
<p id="contents"></p>
<input type="text" id="txt"><input type="button" value="초시계" onClick="timedCount()">
</form>
</body>
</html>
ì¦�거물 찾기 ¶
image mapì�€ ì—ì „ìž¬íŒ�ì—�서 열심히 ì¦�거물ì�„ ìˆ˜ì§‘í•˜ë ¤ê³ ë°°ê²½ì�„ 여기 ì €ê¸° 눌러 ë³¼ 때ì—� ì �당한 ê±° 같다 'ã…�'
ì›�래는 ì¦�거물 박스 í�´ë¦í•˜ëŠ” 거로 í•˜ë ¤í–ˆëŠ”ë�°
ì›�래는 ì¦�거물 박스 í�´ë¦í•˜ëŠ” 거로 í•˜ë ¤í–ˆëŠ”ë�°
....... ì°¨ë�¼ë¦¬ css로 좀 ë�” 세부ì �으로 분류한 다ì�Œì—� 사용하는게 나ì�„듯??
<html>
<head>
<script type="text/javascript">
function writeText(txt)
{
document.getElementById("desc").innerHTML=txt;
}
</script>
</head>
<body>
<img src ="http://www.court-records.net/places/DS/berryoffice.png" width ="480" height ="300"
usemap="#evidence" />
<map name="evidence">
<area shape ="rect" coords ="151,175,321,224"
onClick="writeText('서재다. 아무것� 없다.')" />
<!-- rect는 x1,y1(왼쪽위),x2,y2(오른쪽아래)ì�˜ 좌표를 ì§€ì •í•œ ì§�사ê°�형-->
<area shape ="rect" coords ="54,78,130,208"
onClick="writeText('트로피가 보�다.')" />
<area shape ="poly" coords ="92,239,139,232,164,257,109,268"
onClick="writeText('서류가 보�다.')"/>
<!-- poly는 x1,y1,x2,y2,x3,y3....ì�˜ ì‹�으로 시계방향으로 좌표 ì§€ì • 가능 다ê°�형-->
<area shape ="rect" coords ="240,75,320,170"
onClick="writeText('서커스 �스터다.')" />
<area shape ="poly" coords
="345,112,357,112,375,126,375,174,360,211,336,211,330,175,321,175,322,125,341,122"
onClick="writeText('서커스 단장� 옷으로 보�다.')" />
</map>
<p id="desc"></p>
</body>
</html>
- ì•—! 연습 페ì�´ì§€ë¥¼ 만들었네~ 다른 팀ì›�들ë�„ 연습 페ì�´ì§€ 만들어서 소스 올리면 서로 ë� 했나 구경ë�„ í•˜ê³ ê¸°ë¡�ë�„ ë‚¨ê³ ì¢‹ì�„ 것 같다ㅎㅎ - 김수경










