|
|
Line 96: |
Line 96: |
| <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 151: |
Line 109: |
| | | |
| <body> | | <body> |
| + | <embed src="https://static.igem.org/mediawiki/2011/5/50/Full_menu_bar_template.swf" width=975 height=180></embed> |
| | | |
- | <center>
| |
- | <ul id="sddm">
| |
- | <li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a>
| |
- | <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
| |
- | <a href="#">Main</a>
| |
- | <a href="#">What is iGEM?</a>
| |
- | </div>
| |
- | </li>
| |
- | <li><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">Project</a>
| |
- |
| |
- | <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
| |
- | <a href="#">Overview</a>
| |
- | <a href="#">Tiger Blood Sensor</a>
| |
- | <a href="#">Bacardi 151 Sensor</a>
| |
- | <a href="#">Hidden Sleeve Compartment</a>
| |
- | </div>
| |
- | </li>
| |
- | <li><a href="#" 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="#">Members</a>
| |
- | <a href="#">Faculty</a>
| |
- | <a href="#">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"> |
.
.
.
.
.
.
.