<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>