Team:Arizona State/Template:test

From 2012.igem.org

(Difference between revisions)
(Blanked the page)
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>

Revision as of 06:32, 25 October 2012