Menu

이미지 줌인-아웃

2016. 6. 1. 23:31

안개핑 Javascript

 

 

<HTML>
<HEAD>
<body>
<td  class="CssLabelValue"    id=CssTH1 colspan="6" style="padding: 5pt;"><div class=CssContent><table width="100%" height="30%" border="0" cellspacing="0" cellpadding="0" align="center"><tr>
<td align="center" valign="middle">
 

<font face="Verdana" size="2" color="#000000"><script language="JavaScript1.2">

var zoomfactor=0.05

function zoomhelper(){
if (parseInt(whatcache.style.width)>10&&parseInt(whatcache.style.height)>10){
whatcache.style.width=parseInt(whatcache.style.width)+parseInt(whatcache.style.width)*zoomfactor*prefix
whatcache.style.height=parseInt(whatcache.style.height)+parseInt(whatcache.style.height)*zoomfactor*prefix
}
}

function zoom(originalW, originalH, what, state){
if (!document.all&&!document.getElementById)
return
whatcache=eval("document.images."+what)
prefix=(state=="in")? 1 : -1
if (whatcache.style.width==""||state=="restore"){
whatcache.style.width=originalW
whatcache.style.height=originalH
if (state=="restore")
return
}
else{
zoomhelper()
}
beginzoom=setInterval("zoomhelper()",100)
}

function clearzoom(){
if (window.beginzoom)
clearInterval(beginzoom)
}

</script>

<a href="#" onmouseover="zoom(97,109,'myimage','in')" onmouseout="clearzoom()">Zoom In</a> | <a href="#" onmouseover="zoom(97,109,'myimage','restore')">Normal</a> | <a href="#" onmouseover="zoom(97,109,'myimage','out')" onmouseout="clearzoom()">Zoom Out</a>
<br><br></font>
<div style="position:relative;width:97;height:109">
<div> <font face="Verdana" size="2" color="#000000"><img name="myimage" src="imge/kitty.gif" width="112" height="115"></font> </div>
</div>

 
</td>
</tr></table> <center><SCRIPT LANGUAGE="JavaScript">
<!--
function sourceopen() {
var This_URL = "";
This_URL = document.location;
window.location = "view-source:"+This_URL;
}
-->
</SCRIPT>

 
</body>
</html>

'Javascript' 카테고리의 다른 글

안개가 끼듯 이미지 교체  (0) 2016.06.01
장미  (0) 2016.06.01
오른쪽 마우스를 메뉴로 이용하자  (0) 2016.06.01
오른쪽 마우스 클릭시 예쁜 메뉴가  (0) 2016.06.01
행운이 따라 다닌다  (0) 2016.06.01