Team:Gifu

From 2014.igem.org

(Difference between revisions)
 
(246 intermediate revisions not shown)
Line 1: Line 1:
{{:CSS/gifu/main}}
{{:CSS/gifu/main}}
{{:CSS/gifu/home}}
{{:CSS/gifu/home}}
-
 
-
 
-
 
-
<!--
 
-
CSSはCSSのページにまとめることにしましょう!
 
-
//-->
 
<html>
<html>
-
 
-
<!--main content -->
 
<head>
<head>
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript">
+
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script></script>
-
</script>
+
-
 
+
-
 
+
-
 
+
-
<!--
+
-
CSSはCSSのページにまとめることにしましょう!
+
-
//-->
+
-
 
+
-
 
+
</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" href="#"><img src="https://static.igem.org/mediawiki/2014/1/18/Gifu_menu_PROJECT.png"  
+
 
-
   onmouseover="javascript:stopmove()"
+
<a id="menu1" >
 +
<img src="https://static.igem.org/mediawiki/2014/0/08/Gifu_renew2_Project_.png"  
 +
   onmouseover="javascript:stopmove1()"
   onmouseout="javascript:startmove()"
   onmouseout="javascript:startmove()"
></img></a>
></img></a>
-
<a id="menu2" href="#"><img src="https://static.igem.org/mediawiki/2014/8/84/Gifu_menu_NOTE.png" ></img></a>
+
<a id="menu2"><img src="https://static.igem.org/mediawiki/2014/2/26/Gifu_renew2_NOTE.png"
-
<div id="point">
+
  onmouseover="javascript:stopmove2()"
-
<img src="https://static.igem.org/mediawiki/2014/a/ac/Icon_more.png"></img>
+
  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>
 +
 
 +
<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&amp; 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=220;
+
var r=280;
var rad=0;
var rad=0;
var x;
var x;
Line 43: Line 79:
var circle =document.getElementById("point") ;
var circle =document.getElementById("point") ;
var k=90;
var k=90;
-
var K=k*
+
var m;
 +
var w;
 +
var t;
-
 
+
function spin(){
-
$(document).ready(function () {
+
AAA=setInterval(function(){
AAA=setInterval(function(){
-
if(rad>=360){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+200+"px";
+
circle.style.top=y+180+"px";
-
circle.style.left=x+200+"px";
+
circle.style.left=x+390+"px";
k+=2;
k+=2;
-
if(k>=360){k=0};
+
if(rad==360){k=90};
circle.style.transform="rotate("+k+"deg)";
circle.style.transform="rotate("+k+"deg)";
-
},10);
+
},7);
-
});
+
};
-
function stopmove(){
+
function catching(){
-
clearInterval(AAA);
+
BBB=setInterval(function(){
BBB=setInterval(function(){
rad+=2;
rad+=2;
-
if(rad==270){rad-=2,k-=2};
+
if(rad==m){rad-=2,k-=2};
-
if(rad>=360){rad=0};
+
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+200+"px";
+
circle.style.top=y+180+"px";
-
circle.style.left=x+200+"px";
+
circle.style.left=x+390+"px";
-
if(rad==270){k-=2;}
+
if(rad==m){k-=2;}
else{k+=2;};
else{k+=2;};
-
if(k>=360){k=0};
+
if(rad==360){k=90};
circle.style.transform="rotate("+k+"deg)";
circle.style.transform="rotate("+k+"deg)";
-
},10);
+
},7);
 +
};
 +
function stopmove1(){
 +
clearInterval(AAA);
 +
m=270;
 +
catching();
 +
};
 +
function stopmove2(){
 +
clearInterval(AAA);
 +
m=342;
 +
catching();
 +
};
 +
 +
function stopmove3(){
 +
clearInterval(AAA);
 +
m=54;
 +
catching();
 +
};
 +
 +
function stopmove4(){
 +
clearInterval(AAA);
 +
m=126;
 +
catching();
 +
};
 +
 +
function stopmove5(){
 +
clearInterval(AAA);
 +
m=198;
 +
catching();
};
};
function startmove(){
function startmove(){
clearInterval(BBB);
clearInterval(BBB);
-
AAA=setInterval(function(){
+
spin();
-
if(rad>=360){rad=0;}
+
};
-
else{rad+=2;};
+
-
x=r*Math.cos(Math.PI/180*rad);
+
-
y=r*Math.sin(Math.PI/180*rad);
+
-
circle.style.top=y+200+"px";
+
-
circle.style.left=x+200+"px";
+
-
k+=2;
 
-
if(k>=360){k=0};
 
-
circle.style.transform="rotate("+k+"deg)";
 
-
},10);
+
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>
</script>
Line 104: Line 242:
-
<noscript>
+
<p id="space">
-
Sorry... We use Javascript.
+
</p>
-
</noscript>
+
 
</body>
</body>
</html>
</html>

Latest revision as of 07:21, 5 September 2015

factory1