Team:Gifu

From 2014.igem.org

(Difference between revisions)
 
(220 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>
+
-
 
+
-
 
+
-
 
+
-
///////////////////////////////////////// test
+
-
 
+
-
<SCRIPT LANGUAGE="JavaScript">
+
-
var now = new Date();
+
-
 
+
-
var days = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');
+
-
 
+
-
var months = new Array('January','February','March','April','May','June','July','August','September','October','November','December');
+
-
 
+
-
var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();
+
-
 
+
-
function fourdigits(number) {
+
-
return (number < 1000) ? number + 1900 : number;
+
-
}
+
-
today =  days[now.getDay()] + ", " +
+
-
        months[now.getMonth()] + " " +
+
-
        date + ", " +
+
-
        (fourdigits(now.getYear())) ;
+
-
 
+
-
document.write(today);
+
-
</script>
+
-
 
+
-
////////////////// end of test
+
-
 
+
-
 
+
-
 
+
-
<!--
+
-
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 69: Line 79:
var circle =document.getElementById("point") ;
var circle =document.getElementById("point") ;
var k=90;
var k=90;
 +
var m;
 +
var w;
 +
var t;
function spin(){
function spin(){
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);
};
};
Line 89: Line 102:
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 stopmove(){
+
function stopmove1(){
clearInterval(AAA);
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();
catching();
};
};
Line 114: Line 152:
};
};
-
$(document).ready(function () {
+
 
-
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(){
-
</script>
+
$("#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")
 +
});
 +
});
-
<noscript>
 
-
Sorry... We use Javascript.
 
-
</noscript>
 
 +
$(document).ready(function () {
 +
spin()
 +
});
 +
 +
 +
//-->
 +
</script>
 +
<p id="space">
 +
</p>
</body>
</body>
</html>
</html>

Latest revision as of 07:21, 5 September 2015

factory1

Retrieved from "http://2014.igem.org/Team:Gifu"