Difference between revisions of "Team:Gifu/training"

 
(263 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 35: Line 42:
 
<body>
 
<body>
  
 +
<div class="example">
  
<div id="point"><p id="rib"></p>
+
<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/project/" target="_top"><img src="https://static.igem.org/mediawiki/2015/a/a4/Logo_PROJECT.png" border="0" alt="https://static.igem.org/mediawiki/2015/a/a4/Logo_PROJECT.png" width="150" height="55"onmouseover="this.src='https://static.igem.org/mediawiki/2015/5/5f/Logo_PROJECT2.png';" onmouseout="this.src='https://static.igem.org/mediawiki/2015/a/a4/Logo_PROJECT.png';"></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Gifu/Team/" target="_top"><img src="https://static.igem.org/mediawiki/2015/archive/b/b9/20150720104417%21Logo_TEAM.png" border="0" alt="https://static.igem.org/mediawiki/2015/archive/b/b9/20150720104417%21Logo_TEAM.png" width="150" height="55"onmouseover="this.src='https://static.igem.org/mediawiki/2015/1/12/Gifulogo_TEAM_2.png';" onmouseout="this.src='https://static.igem.org/mediawiki/2015/archive/b/b9/20150720104417%21Logo_TEAM.png';"></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Gifu/Note/" target="_top"><img src="https://static.igem.org/mediawiki/2015/8/86/Logo_NOTE.png" border="0" alt="https://static.igem.org/mediawiki/2015/8/86/Logo_NOTE.png" width="150" height="55"onmouseover="this.src='https://static.igem.org/mediawiki/2015/c/c9/Logo_NOTE3.png';" onmouseout="this.src='https://static.igem.org/mediawiki/2015/8/86/Logo_NOTE.png';"></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Gifu/Result/" target="_top"><img src="https://static.igem.org/mediawiki/2015/8/87/Logo_RESULT.png" border="0" alt="https://static.igem.org/mediawiki/2015/8/87/Logo_RESULT.png" width="150" height="55"onmouseover="this.src='https://static.igem.org/mediawiki/2015/b/b3/Logo_RESULT2.png';" onmouseout="this.src='https://static.igem.org/mediawiki/2015/8/87/Logo_RESULT.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>
 +
 
 +
<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>
 
<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 42: Line 69:
 
<script type="text/javascript">
 
<script type="text/javascript">
 
<!--
 
<!--
var r=200;
+
var r;
var l=100;
+
var l=140;
var rad=180;
+
var rad=0;
 +
var radl=360;
 
var x;
 
var x;
 +
var xl;
 
var y;
 
var y;
var circle =document.getElementById("point") ;
+
var yl;
 +
var kl=270;
 
var k=90;
 
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(rad==540){rad=0;}
+
if(rad==360){rad=0;}
 
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);
circle.style.top=y+180+"px";
+
circle.style.top=y+410+"px";
circle.style.left=x+390+"px";
+
circle.style.left=x+380+"px";
 
+
 
+
k+=1;
+
  
 +
k+=2;
 +
if(rad==360){k=90};
 
circle.style.transform="rotate("+k+"deg)";
 
circle.style.transform="rotate("+k+"deg)";
 
 
},7);
 
},7);
 
};
 
};
  
function spinleft(){
 
BBB=setInterval(function(){
 
if(rad==-360){rad=180;}
 
else{rad-=2};
 
x=r*Math.cos(Math.PI/180*rad);
 
y=r*Math.sin(Math.PI/180*rad);
 
circle.style.top=y+180+"px";
 
circle.style.left=x+120+"px";
 
 
 
k-=2;
 
if(rad==360){k=90};
 
circle.style.transform="rotate("+k+"deg)";
 
 
 
},7);
 
};
 
  
  
  
 
$(document).ready(function () {
 
$(document).ready(function () {
spinright()
+
spinright(280)
});
+
$(document).ready(function () {
+
spinleft()
+
 
});
 
});
 +
  
  
Line 101: Line 116:
 
</script>
 
</script>
  
 +
<!--
 +
環状mRNAはlinkerを得て無限大へ近づく
 +
Circular mRNA approaches infinity by obtaining a link.
 +
//-->
 +
<div id="catchcopy">
 +
Circular mRNA approaches infinity by obtaining a link.
 +
</div>
  
 
+
</div>
<p id="space">
+
</p>
+
 
+
 
</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.