Template:CAU China/Menu

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
-
 
+
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
-
<script src=""></script>
+
-
 
+
-
 
+
<style type="text/css">
<style type="text/css">
<!--
<!--
Line 158: Line 156:
-->
-->
</style>
</style>
-
<!--navigation menu -->
+
</head>
-
<tr>
+
-
<td colspan="5"></td>
+
-
<td align ="left"  width="162px"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
-
</tr>
+
-
<td align="center" colspan="3">
+
<body>
 +
<div class="box">
 +
<div id="nav-menu">
 +
  <div class="container">
 +
    <div class="outerbox">
 +
      <div class="innerbox clearfixmenu">
-
<table  width="80%" align="center">
+
<ul class="menu">
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">  
+
 +
<li class="stmenu">
 +
    <h3><a href="https://2014.igem.org/Team:CAU_China" class="xialaguang"><span>Home</span></a></h3></li>
 +
 +
    <!--Team-->
 +
    <li class="stmenu">
 +
    <h3><a href="https://2014.igem.org/Team:CAU_China/Team" class="xialaguang"><span>Team</span></a></h3>   
 +
    <ul style="display: none;" class="children clearfixmenu">   
 +
    <li><h3><a href="" class="stmenu"><span>Gallery</span></a></h3></li>
 +
    <li><h3><a href="" class="stmenu"><span>Attribution</span></a></h3></li>
 +
    <li class="count noborder"><div>Here we are!</div></li>
 +
    </ul></li>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#32cd99'" bgColor=#32cd99>
+
    <!--Project-->
-
<a href="https://2014.igem.org/Team:CAU_China"style="color:#000000">Home </a> </td>
+
    <li class="stmenu">
 +
    <h3><a href="https://2014.igem.org/Team:CAU_China/Project" class="xialaguang"><span>Project</span></a></h3>   
 +
    <ul style="display: none;" class="children clearfixmenu">  
 +
    <li><h3><a href="" class="stmenu"><span></span></a></h3></li>
 +
    <li><h3><a href="" class="stmenu"><span></span></a></h3></li>
 +
    <li class="count noborder"><div>Our story!</div></li>
 +
    </ul></li>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#FF0000'" bgColor=#FF0000>  
+
    <!--Modeling-->
-
<a href="https://2014.igem.org/Team:CAU_China/Team"style="color:#000000"> Team </a> </td>
+
    <li class="stmenu">
 +
    <h3><a href="https://2014.igem.org/Team:CAU_China/Modeling" class="xialaguang"><span>Modeling</span></a></h3>   
 +
    <ul style="display: none;" class="children clearfixmenu">  
 +
    <li><h3><a href="" class="stmenu"><span></span></a></h3></li>
 +
    <li class="count noborder"><div>Modeling it!</div></li>
 +
    </ul></li>
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#32cd99'" bgColor=#32cd99>
+
    <!--Notebook-->
-
<a href="https://2014.igem.org/Team:CAU_China/Project"style="color:#000000"> Project</a></td>
+
    <li class="stmenu">
 +
    <h3><a href="https://2014.igem.org/Team:CAU_China/Notebook" class="xialaguang"><span>Notebook</span></a></h3>   
 +
    <ul style="display: none;" class="children clearfixmenu">  
 +
    <li><h3><a href="" class="stmenu"><span>Breakthrough</span></a></h3></li>
 +
    <li><h3><a href="" class="stmenu"><span>Labnote</span></a></h3></li>
 +
    <li class="count noborder"><div>Track us!</div></li>
 +
    </ul></li>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#FF0000'" bgColor=#FF0000>  
+
    <!--Safety -->
-
<a href="https://2014.igem.org/Team:CAU_China/Modeling"style="color:#000000"> Modeling</a></td>
+
    <li class="stmenu">
 +
    <h3><a href="https://2014.igem.org/Team:CAU_China/Safety" class="xialaguang"><span>Safety </span></a></h3>   
 +
    <ul style="display: none;" class="children clearfixmenu">  
 +
    <li><h3><a href="" class="stmenu"><span></span></a></h3></li>
 +
    <li class="count noborder"><div>!!!</div></li>
 +
    </ul></li>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#32cd99'" bgColor=#32cd99> 
+
    <li class="overlay"></li></ul>
-
<a href="https://2014.igem.org/Team:CAU_China/Notebook"style="color:#000000"> Notebook</a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#FF0000'" bgColor=#FF0000>
+
<script type="text/javascript">
-
<a href="https://2014.igem.org/Team:CAU_China/Safety"style=" color:#000000"> Safety </a></td>
+
$('#nav-menu .menu > li').hover(function() {
-
</tr>
+
$(this).find('.children').animate({ opacity:'show', height:'show' },300);
 +
$(this).find('.xialaguang').addClass('navhover');
 +
}, function() {
 +
$('.children').stop(true,true).hide();
 +
$('.xialaguang').removeClass('navhover');
 +
}
 +
).slice(-3,-1).find('.children').addClass('sleft');
 +
</script>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<div id="nav-menucon"><div class="con">test</div></div>
-
</table>
+
</div>
 +
 +
<tr>
 +
<td colspan="5"></td>
 +
<td align ="left"  width="162px"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
 +
</tr>
-
<!--end navigation menu -->
+
</body>
</html>
</html>

Revision as of 10:03, 18 August 2014

Retrieved from "http://2014.igem.org/Template:CAU_China/Menu"