Template:Tokyo Tech Menu

From 2009.igem.org

(Difference between revisions)
Line 14: Line 14:
a:active{
a:active{
  color:#f00;
  color:#f00;
-
}
 
-
table.menu
 
-
font-size:95%;
 
-
width:720px;
 
-
height:30px;
 
-
margin:20px auto 20px;
 
-
padding:0;
 
-
table-layout:fixed;
 
-
text-align:center;
 
-
position:relative;
 
-
}
 
-
.menu tr td{
 
-
text-align:center;
 
-
position:static;
 
-
width:120px;
 
-
height:30px;
 
-
}
 
-
.menu tr td a{
 
-
text-decoration:none;
 
-
width:120px;
 
-
display:block;
 
-
background-color:#39f;
 
-
color:#fff;
 
-
}
 
-
.menu tr td a:hover{
 
-
position:relative;
 
-
text-decoration:none;
 
-
background-color:#36c;
 
-
border:1px 0 #39f;
 
-
color:#fff;
 
-
}
 
-
.menu tr td ul li{
 
-
width:75px;
 
-
}
 
-
.menu tr td ul li a{
 
-
text-decoration:none;
 
-
width:75px;
 
-
height:auot;
 
-
display:block;
 
-
padding:1px;
 
-
}
 
-
.menu tr td ul{
 
-
list-style-type:none;
 
-
overflow:hidden;
 
-
}
 
-
/*.menu tr td:hover ul,
 
-
.menu tr td a:hover ul{
 
-
visibility:visible;
 
-
overflow:visible;
 
-
}*/
 
-
.off ul{
 
-
display:none;
 
-
}
 
-
.on ul{
 
-
display:block;
 
}
}
#Tokyo_Tech_menu{
#Tokyo_Tech_menu{
Line 133: Line 78:
</div>
</div>
-
<table class="menu">
+
<ul id="Tokyo_Tech_menu">
-
<tr>
+
<li class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
-
  <td class="off" onmouseover="className='on'" onmouseout="className='off'"><a href="https://2009.igem.org/Team:Tokyo_Tech/Project"><a href="https://2009.igem.org/Team:Tokyo_Tech">Main</a><ul></ul></td>
+
<a href="https://2009.igem.org/Team:Tokyo_Tech">Main</a><ul></ul>
-
  <td class="off" onmouseover="className='on'" onmouseout="className='off'"><a href="https://2009.igem.org/Team:Tokyo_Tech/Project"><a href="https://2009.igem.org/Team:Tokyo_Tech/Team">Team</a><ul></ul></td>
+
</li>
-
  <td class="off" onmouseover="className='on'" onmouseout="className='off'"><a href="https://2009.igem.org/Team:Tokyo_Tech/Project">Project</a>
+
 
 +
<li class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
 +
<a href="https://2009.igem.org/Team:Tokyo_Tech/Project"><a href="https://2009.igem.org/Team:Tokyo_Tech/Team">Team</a><ul></ul>
 +
</li>
 +
 
 +
<li class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
 +
<a href="https://2009.igem.org/Team:Tokyo_Tech/Project">Project</a>
   <ul>
   <ul>
     <li><a href="https://2009.igem.org/Team:Tokyo_Tech/Idea1">Idea 1</a></li>
     <li><a href="https://2009.igem.org/Team:Tokyo_Tech/Idea1">Idea 1</a></li>
Line 145: Line 96:
     <li><a href="https://2009.igem.org/Team:Tokyo_Tech/Idea5">Idea 5</a></li>
     <li><a href="https://2009.igem.org/Team:Tokyo_Tech/Idea5">Idea 5</a></li>
   </ul>
   </ul>
-
  </td>
+
</li>
-
  <td class="off" onmouseover="className='on'" onmouseout="className='off'"><a href="https://2009.igem.org/Team:Tokyo_Tech/Project"><a href="https://2009.igem.org/Team:Tokyo_Tech/Parts">Parts</a><ul></ul></td>
+
-
  <td class="off" onmouseover="className='on'" onmouseout="className='off'"><a href="https://2009.igem.org/Team:Tokyo_Tech/Project"><a href="https://2009.igem.org/Team:Tokyo_Tech/Conclusion">Conclusion</a><ul></ul></td>
+
-
  <td class="off" onmouseover="className='on'" onmouseout="className='off'"><a href="https://2009.igem.org/Team:Tokyo_Tech/Project"><a href="https://2009.igem.org/Team:Tokyo_Tech/Links">Links</a><ul></ul></td>
+
-
</tr>
+
-
</table>
+
-
<ul id="Tokyo_Tech_menu">
+
-
<!-- カテゴリー 1 -->
+
<li class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
-
<li id="category01" class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
+
<a href="https://2009.igem.org/Team:Tokyo_Tech/Project"><a href="https://2009.igem.org/Team:Tokyo_Tech/Parts">Parts</a><ul></ul>
-
<a href="#">カテゴリー 1</a>
+
-
<!-- カテゴリー 1 の 子リスト-->
+
-
<ul>
+
-
<li><a href="#">子リスト</a></li>
+
-
<li><a href="#">子リスト</a></li>
+
-
<li><a href="#">子リスト</a></li>
+
-
<li><a href="#">子リスト</a></li>
+
-
<li><a href="#">子リスト</a></li>
+
-
</ul>
+
</li>
</li>
-
<!-- カテゴリー 2 -->
+
<li class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
-
<li id="category02" class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
+
<a href="https://2009.igem.org/Team:Tokyo_Tech/Project"><a href="https://2009.igem.org/Team:Tokyo_Tech/Conclusion">Conclusion</a><ul></ul>
-
<a href="#">カテゴリー 2</a>
+
-
<!-- カテゴリー 2 の 子リスト-->
+
-
<ul>
+
-
<li><a href="#">子リスト</a></li>
+
-
<li><a href="#">子リスト</a></li>
+
-
<li><a href="#">子リスト</a></li>
+
-
<li><a href="#">子リスト</a></li>
+
-
<li><a href="#">子リスト</a></li>
+
-
</ul>
+
</li>
</li>
-
<!-- カテゴリー 3 -->
+
<li class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
-
<li id="category03" class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
+
<a href="https://2009.igem.org/Team:Tokyo_Tech/Project"><a href="https://2009.igem.org/Team:Tokyo_Tech/Links">Links</a><ul></ul>
-
<a href="#">カテゴリー 3</a>
+
-
<!-- カテゴリー 3 の 子リスト-->
+
-
<ul>
+
-
<li><a href="#">子リスト</a></li>
+
-
<li><a href="#">子リスト</a></li>
+
-
<li><a href="#">子リスト</a></li>
+
-
<li><a href="#">子リスト</a></li>
+
-
<li><a href="#">子リスト</a></li>
+
-
</ul>
+
</li>
</li>
-
<!-- カテゴリー 4 -->
 
-
<li id="category04" class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
 
-
<a href="#">カテゴリー 4</a>
 
-
<!-- カテゴリー 4 の 子リスト-->
 
-
<ul>
 
-
<li><a href="#">子リスト</a></li>
 
-
<li><a href="#">子リスト</a></li>
 
-
<li><a href="#">子リスト</a></li>
 
-
<li><a href="#">子リスト</a></li>
 
-
<li><a href="#">子リスト</a></li>
 
</ul>
</ul>
-
</li>
 
-
</ul>
 
-
 
</body>
</body>
</html>
</html>

Revision as of 06:11, 19 October 2009

Retrieved from "http://2009.igem.org/Template:Tokyo_Tech_Menu"