- ARCHIVES
- » [b]Description:[/b] Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do be
Pages: 1
[b]Description:[/b] Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do be
- aidenlive
- » FTalkGeek
1269
0
1969-12-31
[b]Description:[/b] Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do be
[b]Description:[/b] Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do behave!
[url=http://profiles.friendster.com/83422237][b][color=green]DEMO[/color][/b][/url]
Step 1: Copy the following images to be used as your custom cursor image.
[img]http://i74.servimg.com/u/f74/13/34/49/96/eye10.gif[/img][img]http://i74.servimg.com/u/f74/13/34/49/96/pupils10.gif[/img]
[b]Edit the [color=red]red[/color] part[/b]
[quote][spoiler]pic0=new Image();
pic0.src="[b][color=red]eye.gif[/color][/b]";
pic1=new Image();
pic1.src="[b][color=red]pupils.gif[/color][/b]";
var n4=(document.layers);
var n6=(document.getElementById&&!document.all);
var ie=(document.all);
var O=(navigator.appName.indexOf("Opera") != -1)?true:false;
var _d=(n4||ie)?'document.':'document.getElementById("';
var _a=(n4||n6)?'':'all.';
var _r=(n6)?'")':'';
var _s=(n4)?'':'.style';
if (n4){
document.write('<layer name="eyeball" top=0 left=0 width="69" height="34"><img src="[b][color=red]eye.gif[/color][/b]" width="69" height="34"></layer>');
document.write('<layer name="pupil1" top=0 left=0 width="13" height="13"><img src="[b][color=red]pupils.gif[/color][/b]" width="13" height="13"></layer>');
document.write('<layer name="pupil2" top:0 left=0 width="13" height="13"><img src="[b][color=red]pupils.gif[/color][/b]" width="13" height="13"></layer>');
}
else{
if (ie)
document.write('<div id="ic" style="position:absolute;top:0;left:0"><div style="position:relative">');
document.write('<div id="eyeball" style="position:absolute;top:100px;left:100px;width:69px;height:34px"><img src="[b][color=red]eye.gif[/color][/b]" width="69" height="34"></div>');
document.write('<div id="pupil1" style="position:absolute;top:0px;left:0px;width:12px;height:13px"><img src="[b][color=red]pupils.gif[/color][/b]" width="13" height="13"></div>');
document.write('<div id="pupil2" style="position:absolute;top:0px;left:0px;width:12px;height:13px"><img src="[b][color=red]pupils.gif[/color][/b]" width="13" height="13"></div>');
if (ie)
document.write('</div></div>');
}
var ym=0;
var xm=0;
if (n4||n6){
window.captureEvents(Event.MOUSEMOVE);
function mouseNS(e){
ym = e.pageY-window.pageYOffset;
xm = e.pageX;
}
if (n4)window.onMouseMove=mouseNS;
if (n6)document.onmousemove=mouseNS;
}
if (ie||O){
function mouseIEO(){
ym = (ie)?event.clientY:event.clientY-window.pageYOffset;
xm = event.clientX;
}
document.onmousemove=mouseIEO;
}
var etemp=eval(_d+_a+"eyeball"+_r+_s);
var p1temp=eval(_d+_a+"pupil1"+_r+_s);
var p2temp=eval(_d+_a+"pupil2"+_r+_s);
dy=0;
dx=0;
fy=0;
fx=0;
angle1=0;
angle2=0;
d1=0;
d2=0;
function makefollow(){
sy=(!ie)?window.pageYOffset:0;
wy=(ie)?document.body.clientHeight:window.innerHeight;
wx=(ie)?document.body.clientWidth:window.innerWidth;
//Keep eyes on screen. Netscape 6 plays up otherwise!
var chy=Math.floor(fy-34);
if (chy <= 0) chy = 0;
if (chy >= wy-34) chy = wy-34;
var chx=Math.floor(fx-34);
if (chx <= 0) chx = 0;
if (chx >= wx-69) chx = wx-69;
etemp.top=chy+sy;
etemp.left=chx;
//eyeball1 centre.
c1y=parseInt(etemp.top)+17;
c1x=parseInt(etemp.left)+17;
//eyeball2 centre.
c2y=parseInt(etemp.top)+17;
c2x=parseInt(etemp.left)+52;
dy1 = ym+sy - c1y;
dx1 = xm - c1x;
d1 = Math.sqrt(dy1*dy1 + dx1*dx1);
dy2 = ym+sy - c2y;
dx2 = xm - c2x;
d2 = Math.sqrt(dy2*dy2 + dx2*dx2);
ay1 = ym+sy - c1y;
ax1 = xm - c1x;
angle1 = Math.atan2(ay1,ax1)*180/Math.PI;
ay2 = ym+sy - c2y;
ax2 = xm - c2x;
angle2 = Math.atan2(ay2,ax2)*180/Math.PI;
dv=1.7;
p1temp.top=(d1 < 17)?(c1y-6+d1/dv*Math.sin(angle1*Math.PI/180)):(c1y-6+10*Math.sin(angle1*Math.PI/180));
p1temp.left=(d1 < 17)?(c1x-6+d1/dv*Math.cos(angle1*Math.PI/180)):(c1x-6+10*Math.cos(angle1*Math.PI/180));
p2temp.top=(d2 < 17)?(c2y-6+d2/dv*Math.sin(angle2*Math.PI/180)):(c2y-6+10*Math.sin(angle2*Math.PI/180));
p2temp.left=(d2 < 17)?(c2x-6+d2/dv*Math.cos(angle2*Math.PI/180)):(c2x-6+10*Math.cos(angle2*Math.PI/180));
}
function move(){
if (ie)ic.style.top=document.body.scrollTop;
dy=fy+=(ym-fy)*0.12-2;
dx=fx+=(xm-fx)*0.12;
makefollow();
setTimeout('move()',10);
}
window.onload=move;[/spoiler][/quote]
[b]save this code as eyes.js[/b]
[b]Credits:[/b] Kurt Grigg
[url=http://profiles.friendster.com/83422237][b][color=green]DEMO[/color][/b][/url]
Step 1: Copy the following images to be used as your custom cursor image.
[img]http://i74.servimg.com/u/f74/13/34/49/96/eye10.gif[/img][img]http://i74.servimg.com/u/f74/13/34/49/96/pupils10.gif[/img]
[b]Edit the [color=red]red[/color] part[/b]
[quote][spoiler]pic0=new Image();
pic0.src="[b][color=red]eye.gif[/color][/b]";
pic1=new Image();
pic1.src="[b][color=red]pupils.gif[/color][/b]";
var n4=(document.layers);
var n6=(document.getElementById&&!document.all);
var ie=(document.all);
var O=(navigator.appName.indexOf("Opera") != -1)?true:false;
var _d=(n4||ie)?'document.':'document.getElementById("';
var _a=(n4||n6)?'':'all.';
var _r=(n6)?'")':'';
var _s=(n4)?'':'.style';
if (n4){
document.write('<layer name="eyeball" top=0 left=0 width="69" height="34"><img src="[b][color=red]eye.gif[/color][/b]" width="69" height="34"></layer>');
document.write('<layer name="pupil1" top=0 left=0 width="13" height="13"><img src="[b][color=red]pupils.gif[/color][/b]" width="13" height="13"></layer>');
document.write('<layer name="pupil2" top:0 left=0 width="13" height="13"><img src="[b][color=red]pupils.gif[/color][/b]" width="13" height="13"></layer>');
}
else{
if (ie)
document.write('<div id="ic" style="position:absolute;top:0;left:0"><div style="position:relative">');
document.write('<div id="eyeball" style="position:absolute;top:100px;left:100px;width:69px;height:34px"><img src="[b][color=red]eye.gif[/color][/b]" width="69" height="34"></div>');
document.write('<div id="pupil1" style="position:absolute;top:0px;left:0px;width:12px;height:13px"><img src="[b][color=red]pupils.gif[/color][/b]" width="13" height="13"></div>');
document.write('<div id="pupil2" style="position:absolute;top:0px;left:0px;width:12px;height:13px"><img src="[b][color=red]pupils.gif[/color][/b]" width="13" height="13"></div>');
if (ie)
document.write('</div></div>');
}
var ym=0;
var xm=0;
if (n4||n6){
window.captureEvents(Event.MOUSEMOVE);
function mouseNS(e){
ym = e.pageY-window.pageYOffset;
xm = e.pageX;
}
if (n4)window.onMouseMove=mouseNS;
if (n6)document.onmousemove=mouseNS;
}
if (ie||O){
function mouseIEO(){
ym = (ie)?event.clientY:event.clientY-window.pageYOffset;
xm = event.clientX;
}
document.onmousemove=mouseIEO;
}
var etemp=eval(_d+_a+"eyeball"+_r+_s);
var p1temp=eval(_d+_a+"pupil1"+_r+_s);
var p2temp=eval(_d+_a+"pupil2"+_r+_s);
dy=0;
dx=0;
fy=0;
fx=0;
angle1=0;
angle2=0;
d1=0;
d2=0;
function makefollow(){
sy=(!ie)?window.pageYOffset:0;
wy=(ie)?document.body.clientHeight:window.innerHeight;
wx=(ie)?document.body.clientWidth:window.innerWidth;
//Keep eyes on screen. Netscape 6 plays up otherwise!
var chy=Math.floor(fy-34);
if (chy <= 0) chy = 0;
if (chy >= wy-34) chy = wy-34;
var chx=Math.floor(fx-34);
if (chx <= 0) chx = 0;
if (chx >= wx-69) chx = wx-69;
etemp.top=chy+sy;
etemp.left=chx;
//eyeball1 centre.
c1y=parseInt(etemp.top)+17;
c1x=parseInt(etemp.left)+17;
//eyeball2 centre.
c2y=parseInt(etemp.top)+17;
c2x=parseInt(etemp.left)+52;
dy1 = ym+sy - c1y;
dx1 = xm - c1x;
d1 = Math.sqrt(dy1*dy1 + dx1*dx1);
dy2 = ym+sy - c2y;
dx2 = xm - c2x;
d2 = Math.sqrt(dy2*dy2 + dx2*dx2);
ay1 = ym+sy - c1y;
ax1 = xm - c1x;
angle1 = Math.atan2(ay1,ax1)*180/Math.PI;
ay2 = ym+sy - c2y;
ax2 = xm - c2x;
angle2 = Math.atan2(ay2,ax2)*180/Math.PI;
dv=1.7;
p1temp.top=(d1 < 17)?(c1y-6+d1/dv*Math.sin(angle1*Math.PI/180)):(c1y-6+10*Math.sin(angle1*Math.PI/180));
p1temp.left=(d1 < 17)?(c1x-6+d1/dv*Math.cos(angle1*Math.PI/180)):(c1x-6+10*Math.cos(angle1*Math.PI/180));
p2temp.top=(d2 < 17)?(c2y-6+d2/dv*Math.sin(angle2*Math.PI/180)):(c2y-6+10*Math.sin(angle2*Math.PI/180));
p2temp.left=(d2 < 17)?(c2x-6+d2/dv*Math.cos(angle2*Math.PI/180)):(c2x-6+10*Math.cos(angle2*Math.PI/180));
}
function move(){
if (ie)ic.style.top=document.body.scrollTop;
dy=fy+=(ym-fy)*0.12-2;
dx=fx+=(xm-fx)*0.12;
makefollow();
setTimeout('move()',10);
}
window.onload=move;[/spoiler][/quote]
[b]save this code as eyes.js[/b]
[b]Credits:[/b] Kurt Grigg
Last edited by aidenlive (2009-01-06 17:51:11)
 |
- robin182
- » FTalkAddict
- 471
- 0
- 1969-12-31
Re: [b]Description:[/b] Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do be
First coment.. hee...
nice cursor..
i like the eyes... may requset eyes cursor for you..
i want the sharingan eyes.. heee...
thx for sharing.. 
|
- cklahrckiey
- » FTalkFreak
- 1891
- 0
- 1969-12-31
Re: [b]Description:[/b] Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do be
creeepyyy....but cooll 
|
- christiandelacruz09
- » n00b
- 58
- 0
- 1969-12-31
Re: [b]Description:[/b] Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do be
[quote=cklahrckiey]creeepyyy....but cooll [/quote]
wew creepy? yah it is.. 
anyway, this is a nice code!.. thanks for sharing.. 
[/quote]
wew creepy? yah it is.. anyway, this is a nice code!.. thanks for sharing..
|
- fandy_deddy
- » n00b
- 1
- 0
- 1969-12-31
Re: [b]Description:[/b] Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do be
Teach me please
|
- bobcbar
- » FTalkElite
- 5223
- 0
- 1969-12-31
Re: [b]Description:[/b] Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do be
[quote=fandy_deddy]Teach me please[/quote]
View this video tutorial how to make js file....[url]http://theftalk.com/t34431-%5BVIDEO-TUTORIAL%5DMaking-Extensions-Files%28JS%29-%5BI%27m-Taking-Requests%21%21%5D.html[/url]
|
- mabuhay
- » FTalkManiac
- 849
- 0
- 1969-12-31
Re: [b]Description:[/b] Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do be
nice trick 4 cursor dude 
thanks 4 sharing, try this later
[spoiler]i tot it was updated elastic ball cursor, nevermind [/spoiler]
thanks 4 sharing, try this later
[spoiler]i tot it was updated elastic ball cursor, nevermind [/spoiler]
|
- chipster489
- » FTalkWorm
- 16296
- 0
- 1969-12-31
Re: [b]Description:[/b] Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do be
[font=Franklin Gothic Medium][b]Dat's eerie, thanks 4 posting dat. 
[/b][/font]
[/b][/font]
|
- akoba
- » FTalkAddict
- 335
- 0
- 1969-12-31
Re: [b]Description:[/b] Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do be
i know this was been posted before. Thats all just commenting **** off topic lol
just commenting **** off topic lol
|
- jddrulez
- » FTalker
- 285
- 0
- 1969-12-31
Re: [b]Description:[/b] Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do be
waHhh..
this is so cool....
great nice share...!!
thnxx....
|
- jaewon19
- » n00b
- 90
- 0
- 1969-12-31
Re: [b]Description:[/b] Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do be
^ Read the rules. English only
@ topic: the cursor was creeeeepy! 
ty so much for sharing. GBU always. :] (love the cursor!)
@ topic: the cursor was creeeeepy! ty so much for sharing. GBU always. :] (love the cursor!)
|
- redmetallic025
- » n00b
- 1
- 0
- 1969-12-31
Re: [b]Description:[/b] Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do be
how do i edit the red thing ??
|
- kayz09
- » n00b
- 86
- 0
- 1969-12-31
Re: [b]Description:[/b] Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do be
[align=center]copy the image Location of the images given at the top..repLace the red part with it..
or
just get the images there in the top .....then save in your hosting site and copy the Link..repLace the red part with the Link you has just copied..[/align]
Last edited by kayz09 (2009-01-07 03:10:57)
|
- cycruzen_18
- » n00b
- 1
- 0
- 1969-12-31
Re: [b]Description:[/b] Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do be
ahhmm... san ko to pepaste????...
can anybody tell me more about this?...
|
- keanutt
- » FTalkManiac
- 925
- 0
- 1969-12-31
Re: [b]Description:[/b] Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do be
this is so cute..
...
so fantastic..
goodjob...
...
|
- elbavol
- » FTalker
- 208
- 0
- 1969-12-31
Re: [b]Description:[/b] Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do be
wew! so cool
im gonna try ds one... thnx 4 sharing..
|
- zholuterocripz
- » n00b
- 54
- 0
- 1969-12-31
Re: [b]Description:[/b] Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do be
thanks for sharing 
|