Difference between revisions of "Team:Gifu/training"

 
(12 intermediate revisions by the same user not shown)
Line 58: Line 58:
 
</p>
 
</p>
  
 +
<div id="main">
 +
<img src="https://static.igem.org/mediawiki/2015/f/fe/Logo_b1_.png" width="800" height="236" vspace="10" hspace="40"></img>
 +
</div>
 
<div id=base">
 
<div id=base">
  
 
<div id="point1"><p id="rib"></p>
 
<div id="point1"><p id="rib"></p>
 
<img id="ribosome" src="https://static.igem.org/mediawiki/2014/5/5f/Gifu_ribosome_renew.png"></img>
 
<img id="ribosome" src="https://static.igem.org/mediawiki/2014/5/5f/Gifu_ribosome_renew.png"></img>
<div id="point2"><p id="rib"></p>
 
<img id="ribosome" src="https://static.igem.org/mediawiki/2014/5/5f/Gifu_ribosome_renew.png"></img>
 
 
 
 
</div>
 
</div>
 
</div>
 
</div>
 
<script type="text/javascript">
 
<script type="text/javascript">
 
<!--
 
<!--
var r=280;
+
var r;
 
var l=140;
 
var l=140;
 
var rad=0;
 
var rad=0;
Line 82: Line 81:
 
var m=1;
 
var m=1;
 
var n=0;
 
var n=0;
var circler = document.getElementById("point1");
+
var circle = document.getElementById("point1");
 
var circlel = document.getElementById("point2");
 
var circlel = document.getElementById("point2");
 
var t=0;
 
var t=0;
Line 89: Line 88:
  
  
function spinright(){
+
function spinright(r){
 
AAA=setInterval(function(){
 
AAA=setInterval(function(){
if(rad>360){rad=0; k=90;}
+
if(rad==360){rad=0;}
else{rad+=2; k+=2};
+
else{rad+=2};
 
+
 
x=r*Math.cos(Math.PI/180*rad);
 
x=r*Math.cos(Math.PI/180*rad);
 
y=r*Math.sin(Math.PI/180*rad);
 
y=r*Math.sin(Math.PI/180*rad);
document.getElementById("point1").style.top=y+330+"px";
+
circle.style.top=y+410+"px";
document.getElementById("point1").style.left=x+380+"px";
+
circle.style.left=x+380+"px";
 
+
document.getElementById("point1").style.transform="rotate("+k+"deg)";
+
  
 +
k+=2;
 +
if(rad==360){k=90};
 +
circle.style.transform="rotate("+k+"deg)";
 
},7);
 
},7);
 
};
 
};
  
function spinleft(){
 
if(radl<0){radl=360; kl=270;}
 
else{rad+=2; k+=2};
 
  
xl=r*Math.cos(Math.PI/180*radl);
 
yl=r*Math.sin(Math.PI/180*radl);
 
document.getElementById("point2").style.top=yl+330+"px";
 
document.getElementById("point2").style.left=xl+380+"px";
 
  
document.getElementById("point2").style.transform="rotate("+kl+"deg)";
 
  
},7);
 
};
 
 
 
 
$(document).ready(function () {
 
spinright()
 
});
 
 
$(document).ready(function () {
 
$(document).ready(function () {
spinleft()
+
spinright(280)
 
});
 
});
  

Latest revision as of 17:28, 18 September 2015

https://static.igem.org/mediawiki/2015/d/d8/Logo_HOME.png https://static.igem.org/mediawiki/2015/a/a4/Logo_PROJECT.png https://static.igem.org/mediawiki/2015/archive/b/b9/20150720104417%21Logo_TEAM.png https://static.igem.org/mediawiki/2015/8/86/Logo_NOTE.png https://static.igem.org/mediawiki/2015/8/87/Logo_RESULT.png https://static.igem.org/mediawiki/2015/2/28/Logo_MORE.png

Circular mRNA approaches infinity by obtaining a link.