Gifu/head

From 2014.igem.org

(Difference between revisions)
 
(170 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 src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript">
 
-
</script>
 
-
<script type="text/javascript">
+
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script></script>
-
<!--
+
-
$(document).ready(function(){
+
-
$(function(){
+
-
  $("#trial").click(function(){
+
-
  $(this).hide()
+
-
});
+
-
});
+
-
});
+
-
//-->
 
-
</script>
 
-
<style type="text/css">
 
-
#up{background-color:#000000;
+
<style type="text/css">
 +
#up{
 +
  text-align:center;
 +
  position:relative;
 +
top:-20px; 
 +
  margin-left:auto;
 +
  margin-right:auto;
 +
 
 +
}
-
margin-left:auto;  
+
.nonborder {
-
    margin-right:auto;    
+
  border:none;
-
    text-align:center;    
+
   outline:none;
-
    width:70%; 
+
}
 +
</style>
 +
<script type="text/javascript">
-
}
+
var imgObj = new Image();
-
#icon1{ margin-left:auto;  
+
imgObj.src = "https://static.igem.org/mediawiki/2014/f/f9/Menu_up.png";
-
    margin-right:auto;  
+
-
    text-align:center;   
+
-
    width:70%; 
+
-
position:absolute;
+
-
top:100px;left:-140px;
+
-
}
+
-
#icon2{ margin-left:auto;   
 
-
    margin-right:auto; 
 
-
    text-align:center;   
 
-
    width:70%; 
 
-
position:absolute;
 
-
top:170px;left:-30px;
 
-
}
 
-
#icon3{ margin-left:auto;   
+
function changeMapImage(imgPath) {
-
    margin-right:auto; 
+
document.getElementById('map').src = imgPath;
-
    text-align:center;   
+
-
    width:70%; 
+
-
position:absolute;
+
-
top:200px;left:120px;
+
}
}
 +
</script>
-
#icon4{ margin-left:auto;   
 
-
    margin-right:auto; 
 
-
    text-align:center;   
 
-
    width:70%; 
 
-
position:absolute;
 
-
top:180px;right:160px;
 
-
}
 
-
#icon5{ margin-left:auto;   
 
-
    margin-right:auto; 
 
-
    text-align:center;   
 
-
    width:70%; 
 
-
position:absolute;
 
-
top:150px;right:230px;
 
-
}
 
-
#icon6{ margin-left:auto;   
 
-
    margin-right:auto; 
 
-
    text-align:center;   
 
-
    width:70%; 
 
-
position:absolute;
 
-
top:100px;right:100px;
 
-
}
 
-
</style>
 
</head>
</head>
<body>
<body>
-
 
+
<div id="up">
-
<div id="up"><img src="https://static.igem.org/mediawiki/2014/e/ef/Head_menu.png" ></img></div>
+
<p>
-
<div id="icon1"><a href="https://2014.igem.org/Team:Gifu"><img src="https://static.igem.org/mediawiki/2014/c/c2/Icon_home.png"></img></a></div>
+
<img src="https://static.igem.org/mediawiki/2014/0/0e/Head6.png" width="1000" height="166">
-
<div id="icon2"><a href="https://2014.igem.org/Team:Gifu/Team"><img src="https://static.igem.org/mediawiki/2014/8/80/Icon_team.png"></img></a></div>
+
<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”  />
-
<div id="icon3"><a href="https://2014.igem.org/Team:Gifu/Project"><img src="https://static.igem.org/mediawiki/2014/f/fa/Icon_project.png"></img></a></div>
+
<map name="map" id="map">
-
<div id="icon4"><a href="https://2014.igem.org/Team:Gifu/Notebook"><img src="https://static.igem.org/mediawiki/2014/9/9a/Icon_note.png"></img></a></div>
+
  <area  shape="rect"　 onFocus="this.blur();" class="nonborder" coords="71,45,165,88" href="https://2014.igem.org/Team:Gifu"  
-
<div id="icon5"><a href=""><img src="https://static.igem.org/mediawiki/2014/3/38/Icon_result.png"></img></a></div>
+
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"/>
-
<div id="icon6"><a href=""><img src="https://static.igem.org/mediawiki/2014/a/ac/Icon_more.png"></img></a></div>
+
<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"/>  
-
<div><ol id="dropmenu">
+
<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"/>
-
  <li><a href="https://2014.igem.org/Team:Gifu">Home</a></li>
+
<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"/>
-
  <li><a href="https://2014.igem.org/Team:Gifu/Team">Team</a>
+
</map></p></div>
-
    <ol>
+
-
      <li><a href="https://2014.igem.org/Team:Gifu/Members%26Attributions">Members&amp;Attributions</a></li>
+
-
      <li><a href="https://igem.org/Team.cgi?year=2014">Official&nbsp;Team&nbsp;Profile</a></li>
+
-
    </ol>
+
-
  </li>
+
-
  <li><a href="https://2014.igem.org/Team:Gifu/Project">Project</a>
+
-
    <ol>
+
-
      <li><a href="https://2014.igem.org/Team:Gifu/Projects/Circular%26RNA">Circular&nbsp;RNA</a></li>
+
-
    </ol>
+
-
  </li>
+
-
  <li><a href="https://2014.igem.org/Team:Gifu/Notebook">Note</a>
+
-
    <ol>
+
-
      <li><a href="https://2014.igem.org/Team:Gifu/Protocol">Protocols</a></li>
+
-
      <li><a href="https://2014.igem.org/Team:Gifu/Notebook">Calender</a></li>
+
-
    </ol>
+
-
  </li>
+
-
  <li><a href="#">Result</a>
+
-
    <ol>
+
-
      <li><a href="https://2014.igem.org/Team:Gifu/Parts">Parts</a></li>
+
-
      <li><a href="https://2014.igem.org/Team:Gifu/Modeling">Modeling</a></li>
+
-
      <li><a href="https://2014.igem.org/Team:Gifu/Achievement">Achivements</a></li>
+
-
    </ol>
+
-
  </li>
+
-
  <li><a href="#">More</a>
+
-
    <ol>
+
-
      <li><a href="https://2014.igem.org/Team:Gifu/Safety">Safety</a></li>
+
-
      <li><a href="https://2014.igem.org/Team:Gifu/Judging_Form">Judging&nbsp;Form</a></li>
+
-
      <li><a href="https://2014.igem.org/Team:Gifu/Human_Practice">Human&nbsp;Practice</a></li>
+
-
    </ol>
+
-
  </li>
+
-
</ol></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"