U E D R , A S I H C RSS

2010 Java Script/강소현/연습

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

  • ! ~ ㅎㅎ -

Valid XHTML 1.0! Valid CSS! powered by MoniWiki
last modified 2021-02-07 05:22:11
Processing time 0.0089 sec