Gifu/rensyuu

{{: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="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" >
<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>


<div id="point"><p id="rib"></p>
<img id="ribosome" src="https://static.igem.org/mediawiki/2014/5/5f/Gifu_ribosome_renew.png"></img>
</div>
</div>
<script type="text/javascript">
<!--
var r=100;
var rad=180;
var x;
var y;
var circle =document.getElementById("point") ;
var k=90;
var l;
var m=1;
var n=2;

function spinright(){
AAA=setInterval(function(){
if(m==1){
r=200;
if(rad==540){rad=0; m=0;}
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+390+"px";


k+=1;

circle.style.transform="rotate("+k+"deg)";
}
},7);
};

function spinleft(){
BBB=setInterval(function(){
if(m==0){
r=100;
if(rad==-360){rad=180; m=1;}
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";


}
},7);
};



$(document).ready(function () {
spinright()
});
$(document).ready(function () {
spinleft()
});



//--> 
</script>



<p id="space">
</p>

</body>
</html>