Difference between revisions of "Team:Gifu/training"

 
(226 intermediate revisions by the same user not shown)
Line 14: Line 14:
 
width: 110%;
 
width: 110%;
  
background-color: #ffffff;
+
background-color:transparent;
 
position: absolute;
 
position: absolute;
 
top: -10%;
 
top: -10%;
Line 28: Line 28:
 
left: -180px;
 
left: -180px;
 
}  
 
}  
 +
 +
.firstHeading {
 +
visibility: hidden;
 +
display:none;
 +
background-color:#000000;
 +
}
 +
  
 
</style>
 
</style>
Line 34: Line 41:
  
 
<body>
 
<body>
 +
 
<div class="example">
 
<div class="example">
<br>
+
 
<td>
+
 
<p align="center">
 
<p align="center">
 
<a href="https://2015.igem.org/Team:Gifu" target="_top"><img src="https://static.igem.org/mediawiki/2015/d/d8/Logo_HOME.png" border="0" alt="https://static.igem.org/mediawiki/2015/d/d8/Logo_HOME.png" width="150" height="55"onmouseover="this.src='https://static.igem.org/mediawiki/2015/8/8e/Logo_HOME3.png';" onmouseout="this.src='https://static.igem.org/mediawiki/2015/d/d8/Logo_HOME.png';"></a>
 
<a href="https://2015.igem.org/Team:Gifu" target="_top"><img src="https://static.igem.org/mediawiki/2015/d/d8/Logo_HOME.png" border="0" alt="https://static.igem.org/mediawiki/2015/d/d8/Logo_HOME.png" width="150" height="55"onmouseover="this.src='https://static.igem.org/mediawiki/2015/8/8e/Logo_HOME3.png';" onmouseout="this.src='https://static.igem.org/mediawiki/2015/d/d8/Logo_HOME.png';"></a>
Line 50: Line 57:
 
<a href="https://2015.igem.org/Team:Gifu/More/" target="_top"><img src="https://static.igem.org/mediawiki/2015/2/28/Logo_MORE.png" border="0" alt="https://static.igem.org/mediawiki/2015/2/28/Logo_MORE.png" width="150" height="55"onmouseover="this.src='https://static.igem.org/mediawiki/2015/b/b4/Logo_MORE2.png';" onmouseout="this.src='https://static.igem.org/mediawiki/2015/2/28/Logo_MORE.png';"></a>
 
<a href="https://2015.igem.org/Team:Gifu/More/" target="_top"><img src="https://static.igem.org/mediawiki/2015/2/28/Logo_MORE.png" border="0" alt="https://static.igem.org/mediawiki/2015/2/28/Logo_MORE.png" width="150" height="55"onmouseover="this.src='https://static.igem.org/mediawiki/2015/b/b4/Logo_MORE2.png';" onmouseout="this.src='https://static.igem.org/mediawiki/2015/2/28/Logo_MORE.png';"></a>
 
</p>
 
</p>
</td></tr></table>
+
 
 +
<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="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>
 
</div>
 
<div id="point2"><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>
 
</div>
Line 61: Line 69:
 
<script type="text/javascript">
 
<script type="text/javascript">
 
<!--
 
<!--
var r=100;
+
var r;
var rad=270;
+
var l=140;
 +
var rad=0;
 +
var radl=360;
 
var x;
 
var x;
 +
var xl;
 
var y;
 
var y;
var k=180;
+
var yl;
var l;
+
var kl=270;
 +
var k=90;
 
var m=1;
 
var m=1;
var n=2;
+
var n=0;
 +
var circle = document.getElementById("point1");
 +
var circlel = document.getElementById("point2");
 +
var t=0;
 +
var tt=0;
 +
var ttt=0;
  
function spinright(){
+
 
 +
function spinright(r){
 
AAA=setInterval(function(){
 
AAA=setInterval(function(){
if(m==1){
+
if(rad==360){rad=0;}
r=200;
+
document.getElementById("point1").style.visibility="hidden";
+
document.getElementById("point2").style.visibility="visible";
+
if(rad==540){rad=0; m=0; k=90;
+
}
+
 
else{rad+=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+380+"px";
+
circle.style.top=y+410+"px";
document.getElementById("point1").style.left=x+500+"px";
+
circle.style.left=x+380+"px";
 
+
  
 
k+=2;
 
k+=2;
 
+
if(rad==360){k=90};
document.getElementById("point1").style.transform="rotate("+k+"deg)";
+
circle.style.transform="rotate("+k+"deg)";
}
+
 
},7);
 
},7);
 
};
 
};
  
function spinleft(){
 
BBB=setInterval(function(){
 
if(m==0){
 
r=100;
 
document.getElementById("point1").style.visibility="visible";
 
document.getElementById("point2").style.visibility="hidden";
 
if(rad==-360){rad=180; m=1; k=270;
 
}
 
else{rad-=2};
 
x=r*Math.cos(Math.PI/180*rad);
 
y=r*Math.sin(Math.PI/180*rad);
 
document.getElementById("point2").style.top=y+380+"px";
 
document.getElementById("point2").style.left=x+230+"px";
 
  
  
k-=2;
 
  
document.getElementById("point2").style.transform="rotate("+k+"deg)";
+
$(document).ready(function () {
 +
spinright(280)
 +
});
  
}
 
},7);
 
};
 
  
function kirikae(){
 
if(m==1){
 
document.getElementById("point1").style.visibility="hidden";
 
document.getElementById("point2").style.visibility="visible";
 
}
 
else{
 
document.getElementById("point1").style.visibility="hidden";
 
document.getElementById("point2").style.visibility="hidden";
 
}
 
if(m==0){
 
document.getElementById("point1").style.visibility="visible";
 
document.getElementById("point2").style.visibility="hidden";
 
}
 
else{
 
document.getElementById("point1").style.visibility="hidden";
 
document.getElementById("point2").style.visibility="hidden";
 
}
 
};
 
  
$(document).ready(function () {
 
spinright()
 
});
 
$(document).ready(function () {
 
spinleft()
 
});
 
  
 
//-->  
 
//-->  
Line 152: Line 124:
 
</div>
 
</div>
  
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>

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.