Template:Tokyotechmenubar

From 2012.igem.org

(Difference between revisions)
Line 9: Line 9:
|[[Team:Tokyo_Tech/Safety|Safety]]
|[[Team:Tokyo_Tech/Safety|Safety]]
|}
|}
 +
 +
<html>
 +
<head>
 +
<style>
 +
div#navigation
 +
{
 +
background-color: #000000;
 +
color: #FFFFFF;
 +
margin: 0;
 +
padding: 0;
 +
position: absolute;
 +
}
 +
 +
ul#TopMenu
 +
{
 +
font-family: Arial, verdana, sans-serif;
 +
list-style: none;
 +
float: left;
 +
height: 30px;
 +
width: 945px
 +
}
 +
 +
ul#TopMenu > li
 +
{
 +
float: left;
 +
position:left;
 +
padding: 2px 15px 0 0;
 +
list-style: none;
 +
}
 +
 +
ul#TopMenu > li ul
 +
{
 +
background-color: #050505;
 +
color: #FFFFFF;
 +
display: none;
 +
position: absolute;
 +
font-size: 16px;
 +
opacity: 0.8;
 +
list-style: none;
 +
min-width: 100px;
 +
padding: 9px 0 5px 5px;
 +
z-index: 500;
 +
}
 +
 +
#TopMenu > li:hover ul
 +
{
 +
display: inline;
 +
}
 +
 +
#TopMenu > li > ul > li
 +
{
 +
position: relative;
 +
padding: 0 0 5px 5px;
 +
margin: -1px;
 +
}
 +
.footer
 +
{
 +
position: relative;
 +
 +
}
 +
 +
.name
 +
{
 +
font-style: italic;
 +
}
 +
 +
 +
#navigation a
 +
{
 +
text-decoration: none;
 +
background-color: transparent;
 +
color: #FFFFFF;
 +
}
 +
 +
#navigation a:hover
 +
{
 +
color: #FF9966;
 +
}
 +
 +
 +
</style>
 +
 +
<script type="text/javascript">
 +
<!--
 +
var timeout = 500; //unit: ms
 +
var temp_timer = 0;  //for temp.
 +
var showed_item = 0;  //for temp.
 +
 +
function OpenMenu(elem)
 +
{
 +
StopMenuTimer();
 +
if(showed_item) showed_item.style.display = 'none';
 +
 +
showed_item = elem.getElementsByTagName('ul').item(0);
 +
if(showed_item == null) return;
 +
showed_item.style.display = 'block';
 +
 +
}
 +
 +
function CloseMenu()
 +
{
 +
if(showed_item) showed_item.style.display = 'none';
 +
}
 +
 +
function SetCloseTimer()
 +
{
 +
StopMenuTimer();
 +
temp_timer = window.setTimeout(CloseMenu, timeout);
 +
}
 +
 +
function StopMenuTimer()
 +
{
 +
if(temp_timer)
 +
{
 +
window.clearTimeout(temp_timer);
 +
temp_timer = null;
 +
}
 +
}
 +
 +
function getElementsByClass() {
 +
    var classElements = new Array();
 +
    var allElements = document.getElementsByTagName("*");
 +
    for (i = 0 ; i < allElements.length; i++) {
 +
if (allElements[i].className == 'firstHeading') {
 +
    allElements[i].style.display = 'none';
 +
  // window.alert('発見。');
 +
}
 +
    }
 +
}
 +
 +
window.onload = function() {
 +
getElementsByClass();
 +
var menu = window.document.getElementById('TopMenu');
 +
if(menu==null)
 +
return;
 +
var list = menu.getElementsByTagName('li');
 +
for(i=0; i<list.length; i++)
 +
{
 +
list[i].onmouseover = function(){
 +
OpenMenu(this);
 +
}
 +
 +
list[i].onmouseout = function(){SetCloseTimer();}
 +
list[i].onclick    = function(){
 +
if(showed_item) CloseMenu();
 +
else OpenMenu(this);
 +
}
 +
 +
var n_list = list[i].getElementsByTagName('ul');
 +
for(j=0; j<n_list.length; j++)
 +
{
 +
n_list[j].onmouseout = function(){SetCloseTimer();}
 +
n_list[j].onmouseover= function(){StopMenuTimer();}
 +
}
 +
}
 +
}
 +
//-->
 +
</script>
 +
 +
 +
<!-- list of top menu -->
 +
<div id="navigation">
 +
<ul id="TopMenu">
 +
<li id="menu_Home"><a href="https://2012.igem.org/Team:Tokyo_Tech">Home</a></li>
 +
 +
<li id="menu_Project">
 +
Project
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Projects/LINKS3/index.htm">GAME3</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Projects/LINK2/index.htm">GAME2</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Projects/GAME/index.htm">GAME1 Coolers</a></li>
 +
</ul>
 +
</li>
 +
 +
<li id="menu_data_page"><a href="https://2012.igem.org/Team:Tokyo_Tech/DataPage.htm">Data page</a></li>
 +
 +
<li id="menu_Modeling">
 +
Modeling
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Modeling/MODELING/MODELING2">MODELINGTITLE</li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Modeling/MODELING/MODELING2">MODELINGTITLE</li>
 +
</ul>
 +
</li>
 +
 +
<li id="menu_Human Practice"><a href="https://2012.igem.org/Team:Tokyo_Tech/HumanPractice.htm">Human Practice</a></li>
 +
 +
<li id="menu_Sitemap"><a href="https://2012.igem.org/Team:Tokyo_Tech/sitemap.htm">Sitemap</a></li>
 +
 +
<li id="menu_Extra">
 +
More
 +
<ul style="width:210px;">
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Safety">Safety</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Attribution_and_Contributions.htm">Attribution and Contributions</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Notebook">NoteBook</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Team">Team</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Sponsers.htm">Sponsors</a></li>
 +
<li><a href="https://2012.igem.org/Team:Tokyo_Tech/Collaboration.htm">Collaboration</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 +
<!-- end of top menu -->

Revision as of 02:56, 10 August 2012

Home Team Project Deta Page Modeling [PARTSLINKS] Safety

Retrieved from "http://2012.igem.org/Template:Tokyotechmenubar"