Difference between revisions of "Team:Gifu/training"

(Created page with "{{:CSS/gifu/main}} {{:CSS/gifu/home}} <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script></script> </head> <body> <div id="urobor...")
 
 
(266 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{:gifu/head}}
 
{{:CSS/gifu/main}}
 
{{:CSS/gifu/main}}
−
{{:CSS/gifu/home}}
+
{{:CSS/gifu/project}}
 +
 
 +
 
  
 
<html>
 
<html>
 
<head>
 
<head>
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script></script>
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script></script>
 +
 +
<style type="text/css">
 +
 +
div.example { /* 親ボックス */
 +
width: 110%;
 +
 +
background-color:transparent;
 +
position: absolute;
 +
top: -10%;
 +
left: -1px;
 +
}
 +
 +
div.box1 { /MENU/
 +
width:100%;
 +
 +
background-color: #ffd78c;
 +
position: absolute;
 +
top: 150px;
 +
left: -180px;
 +
}
 +
 +
.firstHeading {
 +
visibility: hidden;
 +
display:none;
 +
background-color:#000000;
 +
}
 +
 +
 +
</style>
 +
 
</head>
 
</head>
 +
 
<body>
 
<body>
−
<div id="uroboros">
 
−
<img id="boros" src="https://static.igem.org/mediawiki/2014/0/02/Roboros.png"></img>
 
−
</div>
 
−
<noscript>
 
−
<p id="kouzityuu" style="color:white">
 
−
Sorry... We use Javascript.</p>
 
−
</noscript>
 
−
<div id="base">
 
−
<img id="rail" src="https://static.igem.org/mediawiki/2014/f/f6/Circular_rna.png"></img>
 
  
−
<a id="menu1" >
+
<div class="example">
−
<img src="https://static.igem.org/mediawiki/2014/0/08/Gifu_renew2_Project_.png"
+
−
  onmouseover="javascript:stopmove1()"
+
−
  onmouseout="javascript:startmove()"
+
−
></img></a>
+
−
<a id="menu2"><img src="https://static.igem.org/mediawiki/2014/2/26/Gifu_renew2_NOTE.png"
+
−
  onmouseover="javascript:stopmove2()"
+
−
  onmouseout="javascript:startmove()"
+
−
>
+
−
<a id="menu3"><img src="https://static.igem.org/mediawiki/2014/1/13/Gifu_renew2_RESULT.png"
+
−
  onmouseover="javascript:stopmove3()"
+
−
  onmouseout="javascript:startmove()"
+
−
></img></a>
+
−
<a id="menu4"><img src="https://static.igem.org/mediawiki/2014/5/5f/Gifu_renew2_MORE.png"
+
−
  onmouseover="javascript:stopmove4()"
+
−
  onmouseout="javascript:startmove()"
+
−
></img></a>
+
−
<a id="menu5"><img src="https://static.igem.org/mediawiki/2014/e/e0/Gifu_renew2_TEAM.png"
+
−
  onmouseover="javascript:stopmove5()"
+
−
  onmouseout="javascript:startmove()"
+
−
></img></a>
+
  
 +
<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>
  
−
<div id="point"><p id="rib"></p>
+
<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 46: 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+=2;
−
k+=1;
+
−
 
+
−
circle.style.transform="rotate("+k+"deg)";
+
−
 
+
−
},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};
 
if(rad==360){k=90};
 
circle.style.transform="rotate("+k+"deg)";
 
circle.style.transform="rotate("+k+"deg)";
−
 
−
 
 
},7);
 
},7);
 
};
 
};
 +
  
  
  
 
$(document).ready(function () {
 
$(document).ready(function () {
−
spinright()
+
spinright(280)
−
});
+
−
$(document).ready(function () {
+
−
spinleft()
+
 
});
 
});
 +
  
  
Line 105: 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.