Menu

마우스 커서에 원래 이미지 크기대로

2016. 6. 1. 23:18

안개핑 Javascript

 

 

<html>

<head>
<title>삶의향기</title>

</head>
<body>

<br>

<!--body 내에 아래 div와 스크립트를 넣어준다--->
<DIV ID="overDiv" STYLE="width:200px; height:200px; position:absolute; left:50px; top:50px; z-index:2; visibility:hide;">
    <p>&nbsp;</p>
</DIV>
<span style="font-size:9pt;"><script language='Javascript'>
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
if (ie4) {
 if (navigator.userAgent.indexOf('MSIE 5')>0) {
  ie5 = true;
 } else {
  ie5 = false; }
} else { ie5 = false; }
var x = 0;
var y = 0;
var snow = 0;
var sw = 0;
var cnt = 0;
var dir = 1;
if ( (ns4) || (ie4) ) {
 if (ns4) over = document.overDiv
 if (ie4) over = overDiv.style
 document.onmousemove = mouseMove
 if (ns4) document.captureEvents(Event.MOUSEMOVE)
}
function out() {
 if ( cnt >= 1 ) { sw = 0 };
 if ( (ns4) || (ie4) ) {
  if ( sw == 0 ) {
   snow = 0;
   hideObject(over);
  } else {
   cnt++;
  }
 }
}
function imageView(txt) {
 txt = "<table cellpadding=3 cellspacing=1 border=0 bgcolor=black><tr bgcolor=white><td>"+txt+"</td></tr></table>";
 layerWrite(txt);
 disp();
}
function disp() {
 if ( (ns4) || (ie4) ) {
  if (snow == 0)  {
   moveTo(over,x-310,y+5);
   showObject(over);
   snow = 1;
  }
 }
}
function mouseMove(e) {
 if (ns4) {x=e.pageX; y=e.pageY;}
 if (ie4) {x=event.x; y=event.y;}
 if (ie5) {x=event.x+document.body.scrollLeft; y=event.y+document.body.scrollTop;}
 if (snow) { moveTo(over,x-80,y+30); }
}
function layerWrite(txt) {
 if(ns4) {
  var lyr = document.overDiv.document
   lyr.write(txt)
   lyr.close()
 } else if(ie4) document.all["overDiv"].innerHTML = txt
}
function showObject(obj) {
 if (ns4) obj.visibility = "show"
 else if (ie4) obj.visibility = "visible"
}
function hideObject(obj) {
 if (ns4) obj.visibility = "hide"
 else if (ie4) obj.visibility = "hidden"
}
function moveTo(obj,xL,yL) {
 obj.left = xL
 obj.top = yL
function click() {
    if ((event.button==1) || (event.button==3)) {
        out();
    }
}

document.onmousedown=click
// -->
<!-- Hide from old browsers
if (navigator.appName == "Netscape") {
document.captureEvents(Event.MOUSEDOWN)
document.onmousedown = checkClick

function checkClick(ev) {
        if (ev.which != 3) {
                out();
                return false
        }
}
}
}
//--></script><!--테이블을 이용해 원하는 곳에 이미지를 설정해 준다--->
&nbsp;</span><table border="0" cellpadding="0" cellspacing="0" align="center">
<tr><td width='100' height='100' bgcolor='#FFFFFF' valign='middle' align='center'>

<a href="imge/01-1.jpg" onmouseover="imageView('<img src=imge/01-1.jpg align=center>')" onMousedown=out()><span style="font-size:9pt;"><img src="imge/01-1.jpg"  width='70' height='60' border=0></span></a>
</td><td width='100' height='100' bgcolor='#FFFFFF' valign='middle' align='center'>

<a href="imge/06-1.gi" onmouseover="imageView('<img src=imge/06-1.gif align=center>')" onMousedown=out()><span style="font-size:9pt;"><img src="imge/06-1.gif"  width='70' height='60' border=0></span></a>
</td>
<td width='100' height='100' bgcolor='#FFFFFF' valign='middle' align='center'>

<a href="imge/07.gif" onmouseover="imageView('<img src=imge/07.gif align=center>')" onMousedown=out()><span style="font-size:9pt;"><img src="imge/07.gif" width='70' height='60' border=0></span></a>
</td><td width='100' height='100' bgcolor='#FFFFFF' valign='middle' align='center'>

<a href="imge/02.jpg" onmouseover="imageView('<img src=imge/02.jpg align=center>')" onMousedown=out()><span style="font-size:9pt;"><img src="imge/02.jpg" width='70' height='60' border=0></span></a>
</td> 
    </tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr><td width='100' height='100' bgcolor='#FFFFFF' valign='middle' align='center'>

<a href="imge/01.jpg" onmouseover="imageView('<img src=imge/01.jpg align=center>')" onMousedown=out()><span style="font-size:9pt;"><img src="imge/01.jpg" width='70' height='60' border=0></span></a>
</td><td width='100' height='100' bgcolor='#FFFFFF' valign='middle' align='center'>

<a href="imge/2.jpg" onmouseover="imageView('<img src=imge/2.jpg align=center>')" onMousedown=out()><span style="font-size:9pt;"><img src="imge/2.jpg" width='70' height='60' border=0></span></a>
</td><td width='100' height='100' bgcolor='#FFFFFF' valign='middle' align='center'>

<a href="imge/3.jpg" onmouseover="imageView('<img src=imge/3.jpg align=center>')" onMousedown=out()><span style="font-size:9pt;"><img src="imge/3.jpg" width='70' height='60' border=0></span></a>
</td><td width='100' height='100' bgcolor='#FFFFFF' valign='middle' align='center'>

<a href="imge/4.jpg" onmouseover="imageView('<img src=imge/4.jpg align=center>')" onMousedown=out()><span style="font-size:9pt;"><img src='imge/4.jpg' width='70' height='60' border=0></span></a>
</td> 
    </tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr><td width='100' height='100' bgcolor='#FFFFFF' valign='middle' align='center'>

<a href="imge/5.jpg" onmouseover="imageView('<img src=imge/5.jpg align=center>')" onMousedown=out()><span style="font-size:9pt;"><img src='imge/5.jpg' width='70' height='60' border=0></span></a>
</td><td width='100' height='100' bgcolor='#FFFFFF' valign='middle' align='center'>

<a href="imge/6.jpg" onmouseover="imageView('<img src=imge/6-1.jpg align=center>')" onMousedown=out()><span style="font-size:9pt;"><img src="imge/6-1.jpg" width='70' height='60' border=0></span></a>
</td><td width='100' height='100' bgcolor='#FFFFFF' valign='middle' align='center'>

<a href="imge/7.jpg" onmouseover="imageView('<img src=imge/7.jpg align=center>')" onMousedown=out()><span style="font-size:9pt;"><img src="imge/7.jpg" width='70' height='60' border=0></span></a>
</td><td width='100' height='100' bgcolor='#FFFFFF' valign='middle' align='center'>

<a href="imge/8.jpg" onmouseover="imageView('<img src=imge/8.jpg align=center>')" onMousedown=out()><span style="font-size:9pt;"><img src="imge/8.jpg" width='70' height='60' border=0></span></a>
</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

티스토리툴바