|
|
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <body>
| |
| - | <script language="JavaScript">
| |
| | | | |
| - | //Watching Eyes script- By Kurt (kurt.grigg@virgin.net)
| |
| - | //Script featured on Dynamic Drive
| |
| - | //Visit http://www.dynamicdrive.com for this script and more
| |
| - |
| |
| - | pic0=new Image();
| |
| - | pic0.src="http://www.dynamicdrive.com/dynamicindex4/eye.gif";
| |
| - | pic1=new Image();
| |
| - | pic1.src="http://www.dynamicdrive.com/dynamicindex4/pupils.gif";
| |
| - |
| |
| - | 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="http://www.dynamicdrive.com/dynamicindex4/eye.gif" width="69" height="34"></layer>');
| |
| - | document.write('<layer name="pupil1" top=0 left=0 width="13" height="13"><img src=http://www.dynamicdrive.com/dynamicindex4/pupils.gif" width="13" height="13"></layer>');
| |
| - | document.write('<layer name="pupil2" top:0 left=0 width="13" height="13"><img src="http://www.dynamicdrive.com/dynamicindex4/pupils.gif" 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="http://www.dynamicdrive.com/dynamicindex4/eye.gif" width="69" height="34"></div>');
| |
| - | document.write('<div id="pupil1" style="position:absolute;top:0px;left:0px;width:12px;height:13px"><img src="http://www.dynamicdrive.com/dynamicindex4/pupils.gif" width="13" height="13"></div>');
| |
| - | document.write('<div id="pupil2" style="position:absolute;top:0px;left:0px;width:12px;height:13px"><img src="http://www.dynamicdrive.com/dynamicindex4/pupils.gif" 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;
| |
| - | //-->
| |
| - | </script>
| |
| - | </body>
| |
| - | </html>
| |
"
