Gifu/head

From 2014.igem.org

(Difference between revisions)
 
(83 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">
-
<style type="text/css">
+
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script></script>
 +
 
 +
<style type="text/css">
#up{
#up{
-
background-image:url(https://static.igem.org/mediawiki/2014/f/f9/Menu_up.png);
+
  text-align:center;
-
width:800px;
+
  position:relative;  
-
height:200px;
+
top:-20px;
-
display:block;
+
  margin-left:auto;
-
margin:auto;
+
  margin-right:auto;
-
background-position:center top;
+
 
-
background-repeat:no-repeat;
+
-
z-index:10;
+
}
}
-
#up ul{margin:0}
+
.nonborder {
-
#up li {
+
  border:none;
-
width:800px;
+
  outline:none;
-
height:200px;
+
-
margin:auto;
+
-
 
+
}
}
-
#up li a{
+
</style>
-
width:20px;
+
<script type="text/javascript">
-
height:20px;
+
-
display:block;
+
-
background-repeat:no-repeat;
+
-
background-image:url(https://static.igem.org/mediawiki/2014/f/f9/Menu_up.png);
+
-
background-position:center top;
+
-
}
+
-
#up li a:hover{
+
-
width:100px;
+
-
height:100px;
+
-
display:block;
+
-
background-repeat:no-repeat;
+
-
background-image:url(https://static.igem.org/mediawiki/2014/e/e4/Menu_up_hover.png);
+
-
background-position:center top;
+
-
}
+
 +
var imgObj = new Image();
 +
imgObj.src = "https://static.igem.org/mediawiki/2014/f/f9/Menu_up.png";
-
#menu1{position:absolute;
+
function changeMapImage(imgPath) {
-
top:90px;
+
document.getElementById('map').src = imgPath;
-
left:70px;}
+
}
 +
</script>
-
#menu1:hover
 
-
{background-position:90px 70px;}
 
-
#menu2
 
-
#menu2:hover
 
-
{position:absolute;
 
-
top:210px;
 
-
left:105px;}
 
-
#menu3:hover
 
-
{background-position:335px 120px;}
 
-
 
-
 
-
#menu5:hover
 
-
{background-position:465px 120px;}
 
-
 
-
 
-
#menu5:hover
 
-
{background-position:590px 105px;}
 
-
 
-
#menu6:hover
 
-
{background-position:710px 70px;}
 
-
 
-
 
-
</style>
 
</head>
</head>
<body>
<body>
<div id="up">
<div id="up">
-
<map name="Map">
+
<p>
-
   <area shape="circle" coords="300,400,50" href="https://2014.igem.org/Team:Gifu" title="home">
+
<img src="https://static.igem.org/mediawiki/2014/0/0e/Head6.png" width="1000" height="166">
-
  <area shape="circle" coords="60,30,9" href="" alt=>  
+
<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”  />
-
  <area shape="circle" coords="60,30,9" href="" alt="">  
+
<map name="map" id="map">
-
<area shape="circle" coords="60,30,9" href="" alt="">  
+
   <area shape="rect"　 onFocus="this.blur();" class="nonborder" coords="71,45,165,88" href="https://2014.igem.org/Team:Gifu"  
-
<area shape="circle" coords="60,30,9" href="" alt="">
+
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="circle" coords="60,30,9" href="" alt="">
+
  <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"/>  
-
</map></div>
+
  <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"