Efeito de imagem fugindo do mouse


 

01
<!--MUDAR A IMAGEM......-->
02
03<!--UMA ETAPA PARA INSTALAR A IMAGEM SENDO PERSEGUIDA
04
05  1.  Copie o código no início de seu documneto original do HTML
06
07<!-- ETAPA UMA: Cole este código no início de seu documneto original do HTML --><HEAD>
08
09<SCRIPT LANGUAGE="JavaScript">
10<!-- Original:  Kien Caoxuan (kcaoxuan@caoxuan.com) -->
11<!-- Web Site:  http://www.caoxuan.com/ -->
12
13<!-- This script and many more are available free online at -->
14<!-- The JavaScript Source!! http://javascript.internet.com -->
15
16<!-- Início
17N = (navigator.appName.indexOf("Netscape") != -1);
18M = (navigator.appName.indexOf("Microsoft") != -1);
19Vis = new Array();
20Vis[0] = (M) ? "hidden":"hide";
21Vis[1] = (M) ? "visible":"show";
22function GetDiv(divId, divY, divX, divW, divH, bCol, visb, zInd) {
23bkCol = (bCol != "")?((N)?" bgColor = "+bCol:";background:"+bCol):"";
24DivTyp = (M) ? "<DIV" : "<LAYER";
25if(M) {
26Styl = " ID="+divId+" style = 'position:absolute; top:"+divY+"; left:"+divX+"; width:"+divW+"; height:"+divH+bkCol+"; visibility:"+Vis[visb]+"; z-index:"+zInd+"'>";
27}
28if(N) {
29Styl = " ID = "+divId+" top = "+divY+" left = "+divX+" width = "+divW+" height = "+divH+bkCol+" visibility = "+Vis[visb]+" z-index = "+zInd+">";
30}
31document.writeln(DivTyp+Styl);
32}
33function EndDiv() {
34(M)? document.writeln("</DIV>"): document.writeln("</LAYER>");
35}
36GetDiv('Obj', 300, 300, 20, 20, '', 1, 0);
37document.write("<img src=ceuEstrelado.jpg width=150 height=150>");
38EndDiv();
39if(document.layers) document.captureEvents(Event.MOUSEMOVE);
40document.onmousemove = newPos;
41function newPos(e) {
42X = (navigator.appName.indexOf("Microsoft") != -1)?event.clientX:e.pageX;
43Y = (navigator.appName.indexOf("Microsoft") != -1)?event.clientY:e.pageY;
44Xo = parseInt((M)?document.all.Obj.style.left:document.Obj.left);
45Yo = parseInt((M)?document.all.Obj.style.top:document.Obj.top);
46if(Math.abs(X - Xo) < 50 && Math.abs(Y - Yo) < 50) {
47if(M) {
48document.all.Obj.style.left = Math.floor(Math.random() * 400);
49document.all.Obj.style.top = 100 + Math.floor(Math.random() * 300);
50}
51if(N) {
52document.Obj.left = Math.floor(Math.random() * 700);
53document.Obj.top = Math.floor(Math.random() * 500);
54      }
55   }
56}
57//  Fim-->
58</script>
59
60<p><center>
61</center>


Comentários

Anterior Proxima Página inicial