Team:Gifu
From 2014.igem.org
(Difference between revisions)
(207 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{:CSS/gifu/main}} | {{:CSS/gifu/main}} | ||
{{:CSS/gifu/home}} | {{:CSS/gifu/home}} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<html> | <html> | ||
- | |||
- | |||
<head> | <head> | ||
- | <script src=" | + | <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script></script> |
- | </script> | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </script> | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</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"> | <div id="base"> | ||
- | <img src="https://static.igem.org/mediawiki/2014/f/f6/Circular_rna.png"></img> | + | <img id="rail" src="https://static.igem.org/mediawiki/2014/f/f6/Circular_rna.png"></img> |
- | <a id="menu1 | + | |
+ | <a id="menu1" > | ||
+ | <img src="https://static.igem.org/mediawiki/2014/0/08/Gifu_renew2_Project_.png" | ||
onmouseover="javascript:stopmove1()" | onmouseover="javascript:stopmove1()" | ||
onmouseout="javascript:startmove()" | onmouseout="javascript:startmove()" | ||
></img></a> | ></img></a> | ||
- | <a id="menu2 | + | <a id="menu2"><img src="https://static.igem.org/mediawiki/2014/2/26/Gifu_renew2_NOTE.png" |
onmouseover="javascript:stopmove2()" | onmouseover="javascript:stopmove2()" | ||
onmouseout="javascript:startmove()" | onmouseout="javascript:startmove()" | ||
- | + | > | |
- | <a id="menu3 | + | <a id="menu3"><img src="https://static.igem.org/mediawiki/2014/1/13/Gifu_renew2_RESULT.png" |
onmouseover="javascript:stopmove3()" | onmouseover="javascript:stopmove3()" | ||
onmouseout="javascript:startmove()" | onmouseout="javascript:startmove()" | ||
></img></a> | ></img></a> | ||
- | <a id="menu4 | + | <a id="menu4"><img src="https://static.igem.org/mediawiki/2014/5/5f/Gifu_renew2_MORE.png" |
onmouseover="javascript:stopmove4()" | onmouseover="javascript:stopmove4()" | ||
onmouseout="javascript:startmove()" | onmouseout="javascript:startmove()" | ||
></img></a> | ></img></a> | ||
- | <a id="menu5 | + | <a id="menu5"><img src="https://static.igem.org/mediawiki/2014/e/e0/Gifu_renew2_TEAM.png" |
onmouseover="javascript:stopmove5()" | onmouseover="javascript:stopmove5()" | ||
onmouseout="javascript:startmove()" | onmouseout="javascript:startmove()" | ||
></img></a> | ></img></a> | ||
- | <div id="point"> | + | |
- | <img src="https://static.igem.org/mediawiki/2014/ | + | <img id="fukidasi1" src="https://static.igem.org/mediawiki/2014/9/9b/CmRNA_moji2.png" usemap="#projectjump"></img> |
+ | <img id="fukidasi2" src="https://static.igem.org/mediawiki/2014/5/5b/Note_moji2.png" usemap="#notejump"></img> | ||
+ | <img id="fukidasi3" src="https://static.igem.org/mediawiki/2014/4/40/Gifu_result_balloon.png" usemap="#resultjump"></img> | ||
+ | <img id="fukidasi4" src="https://static.igem.org/mediawiki/2014/7/71/Gifu_more_balloon.png" usemap="#morejump"></img> | ||
+ | <img id="fukidasi5" src="https://static.igem.org/mediawiki/2014/c/ce/Team_moji2.png" usemap="#teamjump" ></img> | ||
+ | <map name="projectjump"> | ||
+ | <area href="https://2014.igem.org/Team:Gifu/Projects/Circular%26RNA" shape="rect" coords="94,136,320,271" alt="project"> | ||
+ | </map> | ||
+ | <map name="notejump"> | ||
+ | <area href="https://2014.igem.org/Team:Gifu/Protocol" shape="rect" coords="41,64,169,88" alt="protocols"> | ||
+ | <area href="https://2014.igem.org/Team:Gifu/Notebook" shape="rect" coords="40,162,152,188" alt="calender"> | ||
+ | </map> | ||
+ | <map name="resultjump"> | ||
+ | <area href="https://2014.igem.org/Team:Gifu/Parts" shape="rect" coords="70,78,137,99" alt="parts"> | ||
+ | <area href="https://2014.igem.org/Team:Gifu/Modeling" shape="rect" coords="86,126,196,146" alt="modeling"> | ||
+ | </map> | ||
+ | <map name="morejump"> | ||
+ | <area href="https://2014.igem.org/Gifu/discussion-safety" shape="rect" coords="126,45,208,66" alt="safety"> | ||
+ | <area href="https://2014.igem.org/Team:Gifu/Judging_Form" shape="rect" coords="22,102,191,127" alt="judging form"> | ||
+ | <area href="https://2014.igem.org/Team:Gifu/Human_Practice" shape="rect" coords="29,106,258,181" alt="Policy& Practice"> | ||
+ | </map> | ||
+ | <map name="teamjump"> | ||
+ | <area href="https://2014.igem.org/Team:Gifu/Members%26Attributions" shape="rect" coords="65,51,267,99" alt="official"> | ||
+ | <area href="https://2014.igem.org/Gifu/official_team_profile" shape="rect" coords="62,127,261,174" alt="member"> | ||
+ | </map> | ||
+ | |||
+ | <img id="stopme" src="https://static.igem.org/mediawiki/2014/5/53/Pleasestopme.png"></img> | ||
+ | |||
+ | <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> | ||
</div> | </div> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
<!-- | <!-- | ||
- | var r= | + | var r=280; |
var rad=0; | var rad=0; | ||
var x; | var x; | ||
Line 85: | Line 80: | ||
var k=90; | var k=90; | ||
var m; | var m; | ||
- | var | + | var w; |
+ | var t; | ||
function spin(){ | function spin(){ | ||
Line 94: | Line 90: | ||
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+ | + | circle.style.top=y+180+"px"; |
- | circle.style.left=x+ | + | circle.style.left=x+390+"px"; |
k+=2; | k+=2; | ||
- | if( | + | if(rad==360){k=90}; |
circle.style.transform="rotate("+k+"deg)"; | circle.style.transform="rotate("+k+"deg)"; | ||
- | }, | + | },7); |
}; | }; | ||
Line 107: | Line 103: | ||
rad+=2; | rad+=2; | ||
if(rad==m){rad-=2,k-=2}; | if(rad==m){rad-=2,k-=2}; | ||
- | if(rad | + | if(rad==360){rad=0}; |
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+ | + | circle.style.top=y+180+"px"; |
- | circle.style.left=x+ | + | circle.style.left=x+390+"px"; |
if(rad==m){k-=2;} | if(rad==m){k-=2;} | ||
else{k+=2;}; | else{k+=2;}; | ||
- | if( | + | if(rad==360){k=90}; |
circle.style.transform="rotate("+k+"deg)"; | circle.style.transform="rotate("+k+"deg)"; | ||
- | }, | + | },7); |
}; | }; | ||
Line 153: | Line 149: | ||
function startmove(){ | function startmove(){ | ||
clearInterval(BBB); | clearInterval(BBB); | ||
- | |||
spin(); | spin(); | ||
}; | }; | ||
- | $( | + | |
- | + | function sakujo(){ | |
+ | setTimeout(function(){ | ||
+ | $("#rib").css("visibility","hidden"); | ||
+ | },3000); | ||
+ | }; | ||
+ | |||
+ | $(function(){ | ||
+ | $("#menu1").mouseover( | ||
+ | function(){ | ||
+ | $("#stopme").css("visibility","hidden") | ||
+ | $("#fukidasi1").css("visibility","visible") | ||
+ | $("#fukidasi2").css("visibility","hidden") | ||
+ | $("#fukidasi3").css("visibility","hidden") | ||
+ | $("#fukidasi4").css("visibility","hidden") | ||
+ | $("#fukidasi5").css("visibility","hidden") | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(function(){ | ||
+ | $("#menu2").mouseover( | ||
+ | function(){ | ||
+ | $("#stopme").css("visibility","hidden") | ||
+ | $("#fukidasi2").css("visibility","visible") | ||
+ | $("#fukidasi1").css("visibility","hidden") | ||
+ | $("#fukidasi3").css("visibility","hidden") | ||
+ | $("#fukidasi4").css("visibility","hidden") | ||
+ | $("#fukidasi5").css("visibility","hidden") | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(function(){ | ||
+ | $("#menu3").mouseover( | ||
+ | function(){ | ||
+ | $("#stopme").css("visibility","hidden") | ||
+ | $("#fukidasi3").css("visibility","visible") | ||
+ | $("#fukidasi1").css("visibility","hidden") | ||
+ | $("#fukidasi2").css("visibility","hidden") | ||
+ | $("#fukidasi4").css("visibility","hidden") | ||
+ | $("#fukidasi5").css("visibility","hidden") | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(function(){ | ||
+ | $("#menu4").mouseover( | ||
+ | function(){ | ||
+ | $("#stopme").css("visibility","hidden") | ||
+ | $("#fukidasi4").css("visibility","visible") | ||
+ | $("#fukidasi1").css("visibility","hidden") | ||
+ | $("#fukidasi2").css("visibility","hidden") | ||
+ | $("#fukidasi3").css("visibility","hidden") | ||
+ | $("#fukidasi5").css("visibility","hidden") | ||
}); | }); | ||
+ | }); | ||
+ | $(function(){ | ||
+ | $("#menu5").mouseover( | ||
+ | function(){ | ||
+ | $("#stopme").css("visibility","hidden") | ||
+ | $("#fukidasi5").css("visibility","visible") | ||
+ | $("#fukidasi1").css("visibility","hidden") | ||
+ | $("#fukidasi2").css("visibility","hidden") | ||
+ | $("#fukidasi3").css("visibility","hidden") | ||
+ | $("#fukidasi4").css("visibility","hidden") | ||
+ | }); | ||
+ | }); | ||
- | + | $(function(){ | |
- | + | $("#rail").mouseout( | |
+ | function(){ | ||
+ | $("#stopme").css("visibility","visible") | ||
+ | $("#fukidasi1").css("visibility","hidden") | ||
+ | $("#fukidasi2").css("visibility","hidden") | ||
+ | $("#fukidasi3").css("visibility","hidden") | ||
+ | $("#fukidasi4").css("visibility","hidden") | ||
+ | $("#fukidasi5").css("visibility","hidden") | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function () { | ||
+ | spin() | ||
+ | }); | ||
- | |||
- | |||
- | |||
+ | //--> | ||
+ | </script> | ||
+ | <p id="space"> | ||
+ | </p> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 07:21, 5 September 2015