Team:Wisconsin-Madison/umad
From 2011.igem.org
Line 34: | Line 34: | ||
//{ display: none; | //{ display: none; | ||
//} | //} | ||
+ | |||
+ | #sddm | ||
+ | { margin: 0; | ||
+ | padding: 0; | ||
+ | z-index: 30 | ||
+ | } | ||
+ | |||
+ | #sddm li | ||
+ | { margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | float: left; | ||
+ | font: bold 11px arial | ||
+ | } | ||
+ | |||
+ | #sddm li a | ||
+ | { display: block; | ||
+ | margin: 0 1px 0 0; | ||
+ | padding: 4px 30px; | ||
+ | width: 99px; | ||
+ | background: #ababab; | ||
+ | color: #FFF; | ||
+ | text-align: center; | ||
+ | text-decoration: none | ||
+ | } | ||
+ | |||
+ | #sddm li a:hover | ||
+ | { background: #434343 | ||
+ | } | ||
+ | |||
+ | #sddm div | ||
+ | { position: absolute; | ||
+ | visibility: hidden; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background: #EAEBD8; | ||
+ | border: 1px solid #5970B2 | ||
+ | } | ||
+ | |||
+ | #sddm div a | ||
+ | { position: relative; | ||
+ | display: block; | ||
+ | margin: 0; | ||
+ | padding: 5px 10px; | ||
+ | width: auto; | ||
+ | white-space: nowrap; | ||
+ | text-align: left; | ||
+ | text-decoration: none; | ||
+ | background: #eeeeee; | ||
+ | color: #535353; | ||
+ | font: 11px arial | ||
+ | } | ||
+ | |||
+ | #sddm div a:hover | ||
+ | { background: #4e4e4e; | ||
+ | color: #FFF | ||
+ | } | ||
+ | |||
</style> | </style> | ||
<head> | <head> | ||
+ | <script type="text/javascript"> | ||
+ | var timeout = 500; | ||
+ | var closetimer = 0; | ||
+ | var ddmenuitem = 0; | ||
+ | // open hidden layer | ||
+ | function mopen(id) | ||
+ | { | ||
+ | // cancel close timer | ||
+ | mcancelclosetime(); | ||
+ | // close old layer | ||
+ | if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; | ||
+ | |||
+ | // get new layer and show it | ||
+ | ddmenuitem = document.getElementById(id); | ||
+ | ddmenuitem.style.visibility = 'visible'; | ||
+ | |||
+ | } | ||
+ | // close showed layer | ||
+ | function mclose() | ||
+ | { | ||
+ | if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; | ||
+ | } | ||
+ | |||
+ | // go close timer | ||
+ | function mclosetime() | ||
+ | { | ||
+ | closetimer = window.setTimeout(mclose, timeout); | ||
+ | } | ||
+ | |||
+ | // cancel close timer | ||
+ | function mcancelclosetime() | ||
+ | { | ||
+ | if(closetimer) | ||
+ | { | ||
+ | window.clearTimeout(closetimer); | ||
+ | closetimer = null; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | // close layer when click-out | ||
+ | document.onclick = mclose; | ||
+ | </script> | ||
</head> | </head> | ||
Line 49: | Line 149: | ||
</center> | </center> | ||
- | + | .<p>.<p>.<p>.<p>.<p>.<p>.<p><br> | |
<body> | <body> | ||
- | < | + | <center> |
+ | <ul id="sddm"> | ||
+ | <li><a href="https://2011.igem.org/Team:Wisconsin-Madison/umad" onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a> | ||
+ | <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> | ||
+ | <a href="https://2011.igem.org/Team:Wisconsin-Madison/umad">Main</a> | ||
+ | <a href="https://2011.igem.org/Team:Wisconsin-Madison/whatisigem">What is iGEM?</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="https://2011.igem.org/Team:Wisconsin-Madison/projectoverview" onmouseover="mopen('m2')" onmouseout="mclosetime()">Project</a> | ||
+ | <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> | ||
+ | <a href="https://2011.igem.org/Team:Wisconsin-Madison/projectoverview">Overview</a> | ||
+ | <a href="https://2011.igem.org/Team:Wisconsin-Madison/teamesensor">Ethanol Sensor</a> | ||
+ | <a href="https://2011.igem.org/Team:Wisconsin-Madison/teamasensor">Alkane Sensor</a> | ||
+ | <a href="https://2011.igem.org/Team:Wisconsin-Madison/teambmc">Microcompartment</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="https://2011.igem.org/Team:Wisconsin-Madison/teamoverview" onmouseover="mopen('m3')" onmouseout="mclosetime()">Team</a> | ||
+ | <div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> | ||
+ | <a href="https://2011.igem.org/Team:Wisconsin-Madison/teamoverview">Overview</a> | ||
+ | <a href="https://2011.igem.org/Team:Wisconsin-Madison/teammembers">Members</a> | ||
+ | <a href="https://2011.igem.org/Team:Wisconsin-Madison/teamfaculty">Faculty</a> | ||
+ | <a href="https://2011.igem.org/Team:Wisconsin-Madison/teamsponsors">Sponsors</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()">Notebook</a> | ||
+ | <div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> | ||
+ | <a href="#">Protocols</a> | ||
+ | <a href="#">Calender</a> | ||
+ | <a href="#">Experiment</a> | ||
+ | <a href="#">References</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">Outreach</a> | ||
+ | <div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> | ||
+ | <a href="#">Science Olympiad</a> | ||
+ | <a href="#">REU Poster Session</a> | ||
+ | <a href="#">Social Media</a> | ||
+ | <a href="#">Lectures</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="#" onmouseover="mopen('m6')" onmouseout="mclosetime()">Safety</a> | ||
+ | <div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> | ||
+ | <a href="#">Science Olympiad</a> | ||
+ | <a href="#">Lectures</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </center> | ||
<table border="0" cellspacing="4" cellpadding="0"> | <table border="0" cellspacing="4" cellpadding="0"> |
Revision as of 21:45, 26 July 2011
.
.
.
.
.
.
|
|