Team:Caltech
From 2014.igem.org
(Difference between revisions)
Line 4: | Line 4: | ||
<html> | <html> | ||
<body style="background-color:#F6661F"> | <body style="background-color:#F6661F"> | ||
+ | <LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> | ||
+ | <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> | ||
+ | <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> | ||
+ | <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> | ||
+ | <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> | ||
+ | <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> | ||
+ | <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> | ||
+ | |||
+ | <script language="JavaScript"> | ||
+ | <!-- | ||
+ | |||
+ | if (document.all){ | ||
+ | document.write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') | ||
+ | for (xy=0;xy<7;xy++) | ||
+ | document.write('<div style="position:relative;width:3px;height:3px;background:#FFFF00;font-size:2px;visibility:visible"></div>') | ||
+ | document.write('</div>') | ||
+ | } | ||
+ | |||
+ | if (document.layers) | ||
+ | {window.captureEvents(Event.MOUSEMOVE);} | ||
+ | var yBase = 200; | ||
+ | var xBase = 200; | ||
+ | var yAmpl = 10; | ||
+ | var yMax = 40; | ||
+ | var step = .2; | ||
+ | var ystep = .5; | ||
+ | var currStep = 0; | ||
+ | var tAmpl=1; | ||
+ | var Xbpos = 1; | ||
+ | var Ybpos = 1; | ||
+ | var i = 0; | ||
+ | var j = 0; | ||
+ | |||
+ | if (document.all) | ||
+ | { | ||
+ | function MoveHandler(){ | ||
+ | Xbpos = document.body.scrollLeft+event.x; | ||
+ | Ybpos = document.body.scrollTop+event.y; | ||
+ | } | ||
+ | document.onmousemove = MoveHandler; | ||
+ | } | ||
+ | |||
+ | else if (document.layers) | ||
+ | { | ||
+ | function xMoveHandler(evnt){ | ||
+ | Xbpos = evnt.pageX; | ||
+ | Ybpos = evnt.pageY; | ||
+ | } | ||
+ | window.onMouseMove = xMoveHandler; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | function animateLogo() { | ||
+ | if (document.all) | ||
+ | { | ||
+ | yBase = window.document.body.offsetHeight/4; | ||
+ | xBase = window.document.body.offsetWidth/4; | ||
+ | } | ||
+ | else if (document.layers) | ||
+ | { | ||
+ | yBase = window.innerHeight/4 ; | ||
+ | xBase = window.innerWidth/4; | ||
+ | } | ||
+ | |||
+ | if (document.all) | ||
+ | { | ||
+ | var totaldivs=document.all.starsDiv.all.length | ||
+ | for ( i = 0 ; i < totaldivs ; i++ ) | ||
+ | { | ||
+ | var tempdiv=document.all.starsDiv.all[i].style | ||
+ | tempdiv.top = Ybpos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10); | ||
+ | tempdiv.left = Xbpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | else if (document.layers) | ||
+ | { | ||
+ | for ( j = 0 ; j < 7 ; j++ ) | ||
+ | { | ||
+ | var templayer="a"+j | ||
+ | document.layers[templayer].top = Ybpos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); | ||
+ | document.layers[templayer].left =Xbpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); | ||
+ | } | ||
+ | } | ||
+ | currStep += step; | ||
+ | setTimeout("animateLogo()", 15); | ||
+ | } | ||
+ | animateLogo(); | ||
+ | // --> | ||
+ | </script> | ||
<div style="position:absolute;color:black" id="test"></div> | <div style="position:absolute;color:black" id="test"></div> | ||
Revision as of 22:01, 8 July 2014
| ||||||||||||
| ||||||||||||
|