Gifu/head

From 2014.igem.org

(Difference between revisions)
 
(54 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<!--main content -->
 
<head>
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Script-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/css">
-
<script language="JavaScript" src="js/rollover.js" type="text/javascript"></script>
+
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script></script>
 +
 
<style type="text/css">
<style type="text/css">
-
#up
+
#up{
-
{text-align:center;
+
  text-align:center;
 +
  position:relative;
 +
top:-20px; 
 +
  margin-left:auto;
 +
  margin-right:auto;
 +
 
}
}
 +
.nonborder {
 +
  border:none;
 +
  outline:none;
 +
}
</style>
</style>
<script type="text/javascript">
<script type="text/javascript">
-
if(navigator.appVersion.charAt(0) >=3){
 
-
var rolimg = new Array();
 
-
for( i = 0 ; i < 10 ; i++ ){
 
-
rolimg[i] = new Image();
 
-
}
 
 +
var imgObj = new Image();
 +
imgObj.src = "https://static.igem.org/mediawiki/2014/f/f9/Menu_up.png";
-
rolimg[0].src= "https://static.igem.org/mediawiki/2014/f/f9/Menu_up.png"
 
-
rolimg[1].src= "https://static.igem.org/mediawiki/2013/c/c6/Menu_hover_home.png"
 
-
rolimg[2].src= "https://static.igem.org/mediawiki/2013/2/27/Menu_hover_team.png"
 
-
rolimg[3].src= "https://static.igem.org/mediawiki/2013/a/ae/Menu_hover_project.png"
 
-
rolimg[4].src="https://static.igem.org/mediawiki/2013/4/4d/Menu_hover_note.png"
 
-
rolimg[5].src="https://static.igem.org/mediawiki/2013/e/e1/Menu_hover_result.png"
 
-
rolimg[6].src="https://static.igem.org/mediawiki/2013/f/fd/Menu_hover_more.png"
 
-
}
 
-
 
+
function changeMapImage(imgPath) {
-
function paintRol(dim,cnt){
+
document.getElementById('map').src = imgPath;
-
if(navigator.appVersion.charAt(0) >= 3 ){
+
-
document.images[dim].src=rolimg[cnt].src;
+
-
}
+
}
}
</script>
</script>
-
</head>
 
-
<body>
 
-
<div id="up">
 
-
<img id="map" src="https://static.igem.org/mediawiki/2014/f/f9/Menu_up.png" width="800" height="200" usemap="#map" alt="head" />
 
-
<map name="map">
 
-
  <area  shape="circle" coords="90,70,50" href="https://2014.igem.org/Team:Gifu" onMouseOver="paintRol('rollover',1)" onMouseOut="paintRol('rollover',0)" alt="home">
 
-
<area shape="circle" coords="210,105,50" href="https://2014.igem.org/Team:Gifu/Team"  onMouseOver="paintRol('rollover',2)" onMouseOut="paintRol('rollover',0)" alt="team">
 
-
<area shape="circle" coords="335,120,50" href="https://2014.igem.org/Team:Gifu/Project"  onMouseOver="paintRol('rollover',3)" onMouseOut="paintRol('rollover',0)" alt="project">
 
-
<area shape="circle" coords="465,120,50" href="https://2014.igem.org/Team:Gifu/Noteboo"  onMouseOver="paintRol('rollover',4)" onMouseOut="paintRol('rollover',0)" alt="note">
 
-
<area shape="circle" coords="590,105,50" href=""  onMouseOver="paintRol('rollover',5)" onMouseOut="paintRol('rollover',0)" alt="result">
 
-
<area shape="circle" coords="710,70,50" href=""  onMouseOver="paintRol('rollover',6)" onMouseOut="paintRol('rollover',0)" alt="more">
 
-
</map></div>
 
 +
</head>
 +
<body>
 +
<div id="up">
 +
<p>
 +
<img src="https://static.igem.org/mediawiki/2014/0/0e/Head6.png" width="1000" height="166">
 +
<img id="map" src="https://static.igem.org/mediawiki/2014/f/f9/Menu_up.png" width="799" height="99" usemap="#map" alt="head" name=”rollover”  />
 +
<map name="map" id="map">
 +
  <area  shape="rect"　 onFocus="this.blur();" class="nonborder" coords="71,45,165,88" href="https://2014.igem.org/Team:Gifu"
 +
onMouseOver="changeMapImage('https://static.igem.org/mediawiki/2014/c/c6/Menu_hover_home.png')" onMouseOut="changeMapImage('https://static.igem.org/mediawiki/2014/f/f9/Menu_up.png')" alt="home"/>
 +
<area shape="rect"　 onFocus="this.blur();" class="nonborder" coords="184,45,278,88" href="https://2014.igem.org/Team:Gifu/Members%26Attributions" onMouseOver="changeMapImage('https://static.igem.org/mediawiki/2014/2/27/Menu_hover_team.png')" onMouseOut="changeMapImage('https://static.igem.org/mediawiki/2014/f/f9/Menu_up.png')" alt="team"/>
 +
<area shape="rect"　 onFocus="this.blur();" class="nonborder" coords="296,45,390,88" href="https://2014.igem.org/Team:Gifu/Projects/Circular%26RNA"  onMouseOver="changeMapImage('https://static.igem.org/mediawiki/2014/a/ae/Menu_hover_project.png')" onMouseOut="changeMapImage('https://static.igem.org/mediawiki/2014/f/f9/Menu_up.png')" alt="project"/>
 +
<area shape="rect"　 onFocus="this.blur();" class="nonborder"  coords="407,45,502,88" href="https://2014.igem.org/Team:Gifu/Protocol"  onMouseOver="changeMapImage('https://static.igem.org/mediawiki/2014/4/4d/Menu_hover_note.png')" onMouseOut="changeMapImage('https://static.igem.org/mediawiki/2014/f/f9/Menu_up.png')" alt="note"/>
 +
<area shape="rect" onFocus="this.blur();" class="nonborder" coords="518,45,613,88" href="https://2014.igem.org/Team:Gifu/Parts"  onMouseOver="changeMapImage('https://static.igem.org/mediawiki/2014/e/e1/Menu_hover_result.png')" onMouseOut="changeMapImage('https://static.igem.org/mediawiki/2014/f/f9/Menu_up.png')" alt="result"/>
 +
<area shape="rect" onFocus="this.blur();" class="nonborder" coords="631,45,724,88" href="https://2014.igem.org/Gifu/discussion-safety"  onMouseOver="changeMapImage('https://static.igem.org/mediawiki/2014/f/fd/Menu_hover_more.png')" onMouseOut="changeMapImage('https://static.igem.org/mediawiki/2014/f/f9/Menu_up.png')" alt="more"/>
 +
</map></p></div>
</body></html>
</body></html>

Latest revision as of 07:44, 17 October 2014

head home team project note result more

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