Team:Gifu

From 2014.igem.org

(Difference between revisions)
 
(168 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/d/d5/Gifu_renew_Project_.png"  
+
<a id="menu1" >
-
   onmouseover="javascript:stopmove1(),fukidasi1()"
+
<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/3/31/Gifu_renew_NOTE.png"  
+
<a id="menu2"><img src="https://static.igem.org/mediawiki/2014/2/26/Gifu_renew2_NOTE.png"  
-
   onmouseover="javascript:stopmove2(),fukidasi2()"
+
   onmouseover="javascript:stopmove2()"
   onmouseout="javascript:startmove()"
   onmouseout="javascript:startmove()"
-
></img></a>
+
>
-
<a id="menu3" href="#"><img src="https://static.igem.org/mediawiki/2014/c/cd/Gifu_renew_RESULT.png"
+
<a id="menu3"><img src="https://static.igem.org/mediawiki/2014/1/13/Gifu_renew2_RESULT.png"
-
   onmouseover="javascript:stopmove3(),fukidasi3()"
+
   onmouseover="javascript:stopmove3()"
   onmouseout="javascript:startmove()"
   onmouseout="javascript:startmove()"
></img></a>
></img></a>
-
<a id="menu4" href="#"><img src="https://static.igem.org/mediawiki/2014/c/cc/Gifu_renew_MORE.png"
+
<a id="menu4"><img src="https://static.igem.org/mediawiki/2014/5/5f/Gifu_renew2_MORE.png"
-
   onmouseover="javascript:stopmove4(),fukidasi4()"
+
   onmouseover="javascript:stopmove4()"
   onmouseout="javascript:startmove()"
   onmouseout="javascript:startmove()"
></img></a>
></img></a>
-
<a id="menu5" href="#"><img src="https://static.igem.org/mediawiki/2014/3/3c/Gifu_renew_TEAM.png"
+
<a id="menu5"><img src="https://static.igem.org/mediawiki/2014/e/e0/Gifu_renew2_TEAM.png"
-
   onmouseover="javascript:stopmove5(),fukidasi5()"
+
   onmouseover="javascript:stopmove5()"
   onmouseout="javascript:startmove()"
   onmouseout="javascript:startmove()"
-
  usemap="#teamjump"
 
-
  width="302"
 
-
  height="231"
 
></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="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">
<map name="teamjump">
-
  <area href="https://igem.org/Team.cgi" shape="rect" coords="60,200,220,220">
+
  <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>
</map>
 +
<img id="stopme" src="https://static.igem.org/mediawiki/2014/5/53/Pleasestopme.png"></img>
-
<img id="fukidasi2" src="https://static.igem.org/mediawiki/2014/5/5b/Note_moji2.png"></img>
+
<div id="point"><p id="rib"></p>
-
<img id="fukidasi3" src="https://static.igem.org/mediawiki/2014/e/e6/Result_moji2.png"></img>
+
<img id="ribosome" src="https://static.igem.org/mediawiki/2014/5/5f/Gifu_ribosome_renew.png"></img>
-
<img id="fukidasi4" src="https://static.igem.org/mediawiki/2014/9/9c/More_moji2.png"></img>
+
-
<img id="fukidasi5" src="https://static.igem.org/mediawiki/2014/c/ce/Team_moji2.png"></img>
+
-
 
+
-
 
+
-
<div id="point">
+
-
<img src="https://static.igem.org/mediawiki/2014/a/ac/Icon_more.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 100: Line 80:
var k=90;
var k=90;
var m;
var m;
 +
var w;
 +
var t;
function spin(){
function spin(){
Line 108: 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+200+"px";
+
circle.style.top=y+180+"px";
-
circle.style.left=x+200+"px";
+
circle.style.left=x+390+"px";
k+=2;
k+=2;
Line 124: 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+200+"px";
+
circle.style.top=y+180+"px";
-
circle.style.left=x+200+"px";
+
circle.style.left=x+390+"px";
if(rad==m){k-=2;}
if(rad==m){k-=2;}
Line 170: Line 152:
};
};
-
function fukidasi1(){
+
 
-
$("#menu1").hover(
+
function sakujo(){
-
  function(){
+
setTimeout(function(){
-
  $("#fukidasi1").css("visibility","visible");
+
$("#rib").css("visibility","hidden");
-
  $("#fukidasi2").css("visibility","hidden");
+
},3000);
-
  $("#fukidasi3").css("visibility","hidden");
+
-
  $("#fukidasi4").css("visibility","hidden");
+
-
  $("#fukidasi5").css("visibility","hidden");
+
-
  },
+
-
  function(){
+
-
    });
+
};
};
-
function fukidasi2(){
+
$(function(){
-
  $("#menu2").hover(
+
  $("#menu1").mouseover(
   function(){
   function(){
-
   $("#fukidasi2").css("visibility","visible");
+
   $("#stopme").css("visibility","hidden")
-
   $("#fukidasi1").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 fukidasi3(){
+
$(function(){
-
  $("#menu3").hover(
+
  $("#menu2").mouseover(
   function(){
   function(){
-
   $("#fukidasi3").css("visibility","visible");
+
   $("#stopme").css("visibility","hidden")
-
   $("#fukidasi1").css("visibility","hidden");
+
  $("#fukidasi2").css("visibility","visible")
-
   $("#fukidasi2").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(){
 +
$("#menu3").mouseover(
   function(){
   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 fukidasi4(){
+
$(function(){
-
  $("#menu4").hover(
+
  $("#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(){
 +
$("#menu5").mouseover(
   function(){
   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 fukidasi5(){
+
$(function(){
-
  $("#menu5").hover(
+
  $("#rail").mouseout(
   function(){
   function(){
-
   $("#fukidasi5").css("visibility","visible");
+
   $("#stopme").css("visibility","visible")
-
   $("#fukidasi1").css("visibility","hidden");
+
   $("#fukidasi1").css("visibility","hidden")
-
   $("#fukidasi2").css("visibility","hidden");
+
   $("#fukidasi2").css("visibility","hidden")
-
   $("#fukidasi3").css("visibility","hidden");
+
   $("#fukidasi3").css("visibility","hidden")
-
   $("#fukidasi4").css("visibility","hidden");
+
   $("#fukidasi4").css("visibility","hidden")
-
  },
+
  $("#fukidasi5").css("visibility","hidden")
-
  function(){
+
});
-
    });
+
});
-
};
+
 
$(document).ready(function () {
$(document).ready(function () {
Line 244: Line 241:
-
 
-
<noscript>
 
-
Sorry... We use Javascript.
 
-
</noscript>
 
<p id="space">
<p id="space">

Latest revision as of 07:21, 5 September 2015

factory1