Team:Gifu
From 2014.igem.org
(Difference between revisions)
(59 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="//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> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</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" | <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> | ||
+ | <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="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/ | + | <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/ | + | <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> | <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"> | <map name="notejump"> | ||
- | <area href="https://2014.igem.org/Team:Gifu/Protocol" shape="rect" coords=" | + | <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=" | + | <area href="https://2014.igem.org/Team:Gifu/Notebook" shape="rect" coords="40,162,152,188" alt="calender"> |
</map> | </map> | ||
<map name="resultjump"> | <map name="resultjump"> | ||
- | <area href="https://2014.igem.org/Team:Gifu/Parts" shape="rect" coords=" | + | <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=" | + | <area href="https://2014.igem.org/Team:Gifu/Modeling" shape="rect" coords="86,126,196,146" alt="modeling"> |
- | + | ||
</map> | </map> | ||
<map name="morejump"> | <map name="morejump"> | ||
- | <area href="https://2014.igem.org/ | + | <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=" | + | <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=" | + | <area href="https://2014.igem.org/Team:Gifu/Human_Practice" shape="rect" coords="29,106,258,181" alt="Policy& Practice"> |
</map> | </map> | ||
<map name="teamjump"> | <map name="teamjump"> | ||
- | <area href="https://igem.org/Team | + | <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/ | + | <area href="https://2014.igem.org/Gifu/official_team_profile" shape="rect" coords="62,127,261,174" alt="member"> |
</map> | </map> | ||
+ | <img id="stopme" src="https://static.igem.org/mediawiki/2014/5/53/Pleasestopme.png"></img> | ||
- | + | <div id="point"><p id="rib"></p> | |
- | <div id="point"><p id="rib"> | + | <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 | + | |
- | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 123: | 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; | ||
Line 139: | Line 106: | ||
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;} | ||
Line 191: | Line 158: | ||
},3000); | },3000); | ||
}; | }; | ||
- | |||
$(function(){ | $(function(){ | ||
$("#menu1").mouseover( | $("#menu1").mouseover( | ||
function(){ | function(){ | ||
- | $("#fukidasi1").css("visibility","visible") | + | $("#stopme").css("visibility","hidden") |
- | $("#fukidasi2").css("visibility","hidden") | + | $("#fukidasi1").css("visibility","visible") |
- | $("#fukidasi3").css("visibility","hidden") | + | $("#fukidasi2").css("visibility","hidden") |
- | $("#fukidasi4").css("visibility","hidden") | + | $("#fukidasi3").css("visibility","hidden") |
- | $("#fukidasi5").css("visibility","hidden") | + | $("#fukidasi4").css("visibility","hidden") |
- | + | $("#fukidasi5").css("visibility","hidden") | |
}); | }); | ||
+ | }); | ||
$(function(){ | $(function(){ | ||
$("#menu2").mouseover( | $("#menu2").mouseover( | ||
function(){ | function(){ | ||
- | $("#fukidasi2").css("visibility","visible") | + | $("#stopme").css("visibility","hidden") |
- | $("#fukidasi1").css("visibility","hidden") | + | $("#fukidasi2").css("visibility","visible") |
- | $("#fukidasi3").css("visibility","hidden") | + | $("#fukidasi1").css("visibility","hidden") |
- | $("#fukidasi4").css("visibility","hidden") | + | $("#fukidasi3").css("visibility","hidden") |
- | $("#fukidasi5").css("visibility","hidden") | + | $("#fukidasi4").css("visibility","hidden") |
+ | $("#fukidasi5").css("visibility","hidden") | ||
}); | }); | ||
- | }); | + | }); |
- | + | ||
$(function(){ | $(function(){ | ||
$("#menu3").mouseover( | $("#menu3").mouseover( | ||
function(){ | function(){ | ||
- | $("#fukidasi3").css("visibility","visible") | + | $("#stopme").css("visibility","hidden") |
- | $("#fukidasi1").css("visibility","hidden") | + | $("#fukidasi3").css("visibility","visible") |
- | $("#fukidasi2").css("visibility","hidden") | + | $("#fukidasi1").css("visibility","hidden") |
- | $("#fukidasi4").css("visibility","hidden") | + | $("#fukidasi2").css("visibility","hidden") |
- | $("#fukidasi5").css("visibility","hidden") | + | $("#fukidasi4").css("visibility","hidden") |
- | + | $("#fukidasi5").css("visibility","hidden") | |
}); | }); | ||
+ | }); | ||
$(function(){ | $(function(){ | ||
$("#menu4").mouseover( | $("#menu4").mouseover( | ||
function(){ | function(){ | ||
- | $("#fukidasi4").css("visibility","visible") | + | $("#stopme").css("visibility","hidden") |
- | $("#fukidasi1").css("visibility","hidden") | + | $("#fukidasi4").css("visibility","visible") |
- | $("#fukidasi2").css("visibility","hidden") | + | $("#fukidasi1").css("visibility","hidden") |
- | $("#fukidasi3").css("visibility","hidden") | + | $("#fukidasi2").css("visibility","hidden") |
- | $("#fukidasi5").css("visibility","hidden") | + | $("#fukidasi3").css("visibility","hidden") |
- | + | $("#fukidasi5").css("visibility","hidden") | |
}); | }); | ||
+ | }); | ||
$(function(){ | $(function(){ | ||
$("#menu5").mouseover( | $("#menu5").mouseover( | ||
function(){ | function(){ | ||
- | $("#fukidasi5").css("visibility","visible") | + | $("#stopme").css("visibility","hidden") |
- | $("#fukidasi1").css("visibility","hidden") | + | $("#fukidasi5").css("visibility","visible") |
- | $("#fukidasi2").css("visibility","hidden") | + | $("#fukidasi1").css("visibility","hidden") |
- | $("#fukidasi3").css("visibility","hidden") | + | $("#fukidasi2").css("visibility","hidden") |
- | $("#fukidasi4").css("visibility","hidden") | + | $("#fukidasi3").css("visibility","hidden") |
- | + | $("#fukidasi4").css("visibility","hidden") | |
}); | }); | ||
+ | }); | ||
$(function(){ | $(function(){ | ||
- | $("# | + | $("#rail").mouseout( |
function(){ | 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") | ||
}); | }); | ||
}); | }); | ||
Line 265: | Line 241: | ||
- | |||
- | |||
- | |||
- | |||
<p id="space"> | <p id="space"> |
Latest revision as of 07:21, 5 September 2015