Gifu/head

From 2014.igem.org

(Difference between revisions)
Line 6: Line 6:
<meta http-equiv="Content-Script-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/css">
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
+
<script language="JavaScript" src="js/rollover.js" type="text/javascript"></script>
Line 17: Line 17:
</style>
</style>
<script type="text/javascript">
<script type="text/javascript">
-
<!--
+
if(navigator.appVersion.charAt(0) >=3){
-
$(function(){
+
var rolimg = new Array();
-
  $("area").hover(on, off);
+
for( i = 0 ; i < 10 ; i++ ){
-
  function on(){
+
rolimg[i] = new Image();
-
    $('img#map').attr(
+
}
-
        src: $('img#map').attr('src').replace(/^(.+?)(¥.(gif|jpg|jpeg|xbm|png))$/,"$1_f2$2")
+
-
    });
+
-
  }
+
-
  function off(){
+
-
    $('img#map').attr(
+
-
      src: $('img#map').attr('src').replace(/^(.+?)(?:-on)?(¥.(gif|jpg|jpeg|xbm|png))$/,"$1$2")
+
-
    });
+
-
  }
+
-
});
+
 +
 +
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 paintRol(dim,cnt){
 +
if(navigator.appVersion.charAt(0) >= 3 ){
 +
document.images[dim].src=rolimg[cnt].src;
 +
}
 +
}
</script>
</script>
</head>
</head>
Line 38: Line 45:
<img id="map" src="https://static.igem.org/mediawiki/2014/f/f9/Menu_up.png" width="800" height="200" usemap="#map" alt="head" />
<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">
<map name="map">
-
   <area  shape="circle" coords="90,70,50" href="https://2014.igem.org/Team:Gifu" onMouseOver="changeMapImage('https://static.igem.org/mediawiki/2013/c/c6/Menu_hover_home.png')" onMouseOut="changeMapImage('https://static.igem.org/mediawiki/2014/f/f9/Menu_up.png')" alt="home">
+
   <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" alt="team">  
+
  <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" alt="project">  
+
  <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" alt="note">  
+
<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="" alt="result">
+
<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="" alt="more">
+
  <area shape="circle" coords="710,70,50" href=""  onMouseOver="paintRol('rollover',6)" onMouseOut="paintRol('rollover',0)" alt="more">
</map></div>
</map></div>

Revision as of 05:09, 31 August 2014

head home team project note result more

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