<html>
<head>
<script language="JavaScript">
var win1Open = null
function displayImage(picName, windowName, windowWidth, windowHeight){
return window.open(picName,windowName,"toolbar=no,scrollbars=no,resizable=no,width=" + (parseInt(windowWidth)+20) + ",height=" + (parseInt(windowHeight)+15))
}
function winClose(){
if(win1Open != null) win1Open.close()
}
function doNothing(){}
</script>
<script language="JavaScript1.1">
function displayImage(picName, windowName, windowWidth, windowHeight){
var winHandle = window.open("" ,windowName,"toolbar=no,scrollbars=no,resizable=no,width=" + windowWidth + ",height=" + windowHeight)
if(winHandle != null){
var htmlString = "<html><head><title>Picture</title></head>"
htmlString += "<body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>"
htmlString += "<a href=javascript:window.close()><img src=" + picName + " border=0 alt=닫기></a>"
htmlString += "</body></html>"
winHandle.document.open()
winHandle.document.write(htmlString)
winHandle.document.close()
}
if(winHandle != null) winHandle.focus()
return winHandle
}
</script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<div align="center">
<p><a href="javascript:doNothing()" onClick="win1Open=displayImage('imge/20020516185006.jpg', 'popWin1', '400', '300')" onMouseOver="window.status='Click to display picture'; return true;" onMouseOut="window.status=''"><img src="http://lia.pe.kr/java%20Tip/imge/20020516185006.jpg" border="0" width="150" height="100"></a>
<a href="javascript:doNothing()" onClick="win1Open=displayImage('imge/a027_124554minjiy_com.jpg', 'popWin1', '300', '315')" onMouseOver="window.status='Click to display picture'; return true;" onMouseOut="window.status=''"><img src="http://lia.pe.kr/java%20Tip/imge/a027_124554minjiy_com.jpg" width="150" height="140"></a>
</p>
</div>
<table width="450" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center">
<p> </p>
</div></td>
</tr>
</table>
</body>
</html>
'Javascript' 카테고리의 다른 글
| 깜빡이는 이미지 (0) | 2016.06.01 |
|---|---|
| 텍스트 스크롤 효과 (0) | 2016.06.01 |
| 상태바 꾸미기 (0) | 2016.06.01 |
| 상태바 꾸미기 5 타이핑 효과 (0) | 2016.06.01 |
| 상태바 꾸미기 4 한글로 된 시계 (0) | 2016.06.01 |