<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
#temp
{
position:absolute;
left:200;
top:200;
}
</style>
<script type="text/javascript">
// id:temp 의 스타일 속성 "display:none"를 변경하는 함수
function show()
{
temp.style.display = '';
}
function hide()
{
temp.style.display= 'none';
}
</script>
</HEAD>
<BODY>
<IMG SRC="/img002.jpg" WIDTH="76" HEIGHT="70" BORDER="0" ALT="snoopy" onmouseover="show()" onmouseout="hide()">
<!-- style="display:none" 속성은 이미지를 보이지 않도록 하는 속성 -->
<!-- onclick="show()" : 클릭했을때 함수 실행 -->
<!-- onMouseover="show()" : 마우스를 그림영역에 위치했을때 함수 실행 -->
<!-- onmouseout="hide()" : 마우스가 그림영역 바깥으로 갈 때 함수 실행 -->
<div id="temp" style="display:none">
<IMG SRC="/img002.jpg" WIDTH="760" HEIGHT="705" BORDER="0" ALT="snoopy">
</div>
</BODY>
'º Learning 。 > ♂ Javascript ♀' 카테고리의 다른 글
| 함수의 참조 (0) | 2009.05.25 |
|---|---|
| 리턴값이 있는 함수 (0) | 2009.05.25 |
| iframe (0) | 2009.05.25 |
| Switch문 학점분류 (0) | 2009.05.25 |
| Switch문 예제 (0) | 2009.05.25 |